css3新特性

一、个人总结css3新特性

(1)css制作特效功能

1.过渡    transition： 过渡效果；

2.动画    animation：动画;

3.形状转换   transform:适用于2D或3D转换的元素

 translate(水平移动);   scale(伸缩);     rotate（旋转);skew（倾斜）

(2)选择器

选择器新增功能

(3)

4.阴影    box-shadow: 

5.边框    border-image:  repeat（重复）、stretch（拉伸）round（铺满）

6.文字   @Font-face

7.颜色  rgba（rgb为颜色值，a为透明度） color: rgba(255,00,00,1);

8.渐变 background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(#2A8BBE),to(#FE280E));

9.滤镜 Filter

10.弹性布局  display

11.盒模型定义   box-sizing:border-box的时候，边框和padding包含在元素的宽高之内                         

　　　　　　　 box-sizing:content-box的时候，边框和padding不包含在元素的宽高之内

12.媒体查询  监听