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怪模型
css3 的新属性
原文地址：https://www.cnblogs.com/yayaxuping/p/9670976.html