CSS3画图相关思路

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完全不透明。