CSS3 新增特性有哪些
-
颜色:新增 RGBA,HSLA 模式,新增透明度
-
文字阴影:(text-shadow)
-
边框:
- 边框圆角:(border-radius)
- 边框阴影:(box-shadow)
- 边框图片:(border-image)
-
弹性盒子模型:(box-sizing:border-box;)
-
背景:
- background-size :设置背景图片的尺寸
- background-origin :设置背景图片的原点(定位、位置)
- background-clip :设置背景图片的裁切区域,以”,”分隔,可以设置多背景,用于自适应布局。
-
渐变:
- linear-gradient:(线性渐变)
- radial-gradient :(径向渐变)
-
过渡:transition,可实现动画
-
自定义动画 animation 定义动画:@keyframes 动画名称
-
在 CSS3 中唯一引入的伪元素是 :selection
-
媒体查询@media,多栏布局:
@media screen and (width:500px) { body { background-color: red; } }
-
2D 转换:
- transform:translate(x,y) 移动
- rotate(x,y) 旋转
- skew(x,y) 翻转
- scale(x,y) 缩放
-
3D 转换
-
字体图标 : font-face
-
弹性布局 :flex
-
新增选择器: nth-child(n)