< 返回新闻资讯列表
CSS动画属性有哪几种,css设置动画效果
发布时间:2023-10-11 22:51:49
CSS动画属性有哪几种
CSS动画属性有以下几种:
- animation-name:指定一个关键帧动画的名称。
- animation-duration:指定一个动画周期的延续时间。
- animation-timing-function:指定动画的时间进度曲线,可以用于实现加速或减速效果。
- animation-delay:指定动画开始之前的延迟时间。
- animation-iteration-count:指定动画的循环次数,可以是一个具体的数值,也能够是"infinite"表示无穷循环。
- animation-direction:指定动画播放的方向,可以是"normal"(正常播放)、"reverse"(反向播放)、"alternate"(在正向和反向之间循环播放)或"alternate-reverse"(在反向和正向之间循环播放)。
- animation-fill-mode:指定动画在履行前和履行后如何利用样式,可以是"none"(不利用样式)、"forwards"(履行后使用动画结束时的样式)、"backwards"(履行前使用动画开始时的样式)或"both"(同时使用动画开始和结束时的样式)。
- animation-play-state:指定动画的播放状态,可以是"running"(运行中)或"paused"(暂停)。
- animation:通过简写属性一次性设置动画的多个属性。
这些属性可以用于创建各种动画效果,包括平移、旋转、缩放、淡入淡出等等。