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怪模型

 

转载于:https://www.cnblogs.com/yayaxuping/p/9670976.html