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

猜你喜欢

转载自blog.csdn.net/zhouyy919/article/details/81171268