2021-09-13 总结:CSS3的新增特性

1.颜色:rgba(透明度)

2.文字阴影:box-shadow

3.边框:border

边框圆角:border-radius
边框阴影:border-shadow
边框图片:border-image

4.弹性盒子模型:box-sizing:border-box

5.背景:background

背景尺寸:background-size
背景原点:background-origin
背景裁剪:background-clip

6.渐变

线性渐变:linear-gradient
径向渐变:radial-gradient

7.自定义动画:animation

格式:@keyframes+动画名称

8.媒体查询:

格式:@media screen { }

9.伪元素:selection

10.过渡:transition

11.2d转换

移动:transform:translate(x,y)
旋转:transform:rotate(x,y)
翻转:transform:skew(x,y)
缩放:transform:scale(x,y)

12.3d转换

(转换类型同上)

13.字体图标:icon-font

14.弹性布局:display:flex

15.选择器:nth-child()