动画
动画通常与@关键帧一起使用来制作网页动画。
但是动画有很多参数，每个参数对应的属性有不同的含义。
参数如下：
动画名称：检索或设置应用于对象的动画名称。
动画-持续时间：检索或设置对象动画的持续时间。
动画-定时-功能：检索或设置对象动画的过渡类型。
动画-延迟：检索或设置对象动画的延迟时间。
动画-迭代-计数：检索或设置对象动画的周期数。
动画方向：检索或设置对象的动画是否在循环中反向移动。
动画-填充-模式：检索或设置超过动画时间的对象状态。
动画-播放-状态：检索或设置对象动画的状态。
！DOCTYPE html
html lang='en '
头
meta charset='UTF-8 '
标题标题/标题
风格
@关键帧移动{
0%{transform: rotate(0)}
100% {变压器：旋转(360度)}
}
# div1 { width: 100pxheight: 300pxmargin: 100px自动0；背景lightcoral
动画师：超越2s线性5s无限}
/style
/head
身体
分区/部门
/body
/html
代码移动是动画-名称无限是动画-迭代-计数。
2s是动画-持续时间5s是动画-延迟。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/112085.html