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
时间: 2024-10-02 13:13:02