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