css3 的新属性

1，动画，animate------>//动画-名称-动画的时间间隔-以什么方式播放-循环

   .right{

animate:dropdown 8s linear infinite

}

@keyframes dropdown{

0%{margin-top:10px;}

10%{margin-top:20px;}

100%{margin-top:50px;}

}

 

2、 transition: width 2s linear;//过度的效果 线性-宽度2s-发生变化

3、transform:rotate(7deg);//可以提高提高GPU加速

4、translate(50px,100px); // 平移到指定的位置

5、border-radius:5px;

6、box-shadow: 0 0 4px 5px #000; // x的偏移值 y的偏移值 x的半径 y的半径 偏移的颜色

7、 box-sizing:content-box; //标准模型 border-box: ie怪模型