CSS animation 属性，动画属性介绍-网站技术-云服务器技术网

首页网站技术正文

CSS animation 属性，动画属性介绍

2022-05-30 411

CSS animation 属性

实例

CSS animation 属性，动画属性介绍

使用简写属性，将动画与 div 元素绑定：

div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
}

定义和用法

animation 属性是一个简写属性，用于设置六个动画属性：

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

animation-direction

注释：请始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。

语法

animation: name duration timing-function delay iteration-count direction;

animation	所有 animation-* 属性的简写属性。
animation-delay	规定开始动画的延迟。
animation-direction	规定动画是向前播放、向后播放还是交替播放。
animation-duration	规定动画完成一个周期应花费的时间。
animation-fill-mode	规定元素在不播放动画时（在开始之前、结束之后、或同时）的样式。
animation-iteration-count	规定动画的播放次数。
animation-name	规定 @keyframes 动画的名称。
animation-play-state	规定动画是播放还是暂停。
animation-timing-function	规定动画的速度曲线。

原文链接：https://77isp.com/post/1030.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台，请勿相信其他任何渠道。