接着我们利用元素的两个伪元素:before和:after,画出一个蓝色的圆和一个黄色的圆,并且将它们的圆心分别定位在正方形的上边和右边。

在这里插入图片描述

在这里插入图片描述

再来,将刚刚实现的两个圆变成和正方形一样的颜色

在这里插入图片描述

在这里插入图片描述

最后,将元素div旋转45度,我们要的心形就实现了!就是这么简单

在这里插入图片描述

在这里插入图片描述

全部代码如下,拿去跟女朋友表白吧

Document
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐