1、画半圆,可以使用border-radius属性
2、制作三角形和对话框,可以使用border属性实现
3、制作菱形和平行四边形,可以使用transform属性的rotate和skew。同样也可以用来制作五角星和六角星。
4、画心形和蛋形。可以使用transform-origin来定义原点位置,然后再使用transform属性的rotate属性值进行旋转。
border-radius: 50% / 50%; 该属性值斜杠前面的值表示X轴,后面的值表示Y轴。也可以用四个值来分别表示“左上、右上、右下、左下”四个方向。
5、画太极阴阳图,可以使用伪元素来实现。
6、制作透明背景图,可以使用opacity属性来实现,其值为0~1之间,0完全透明,1完全不透明。