web前端CSS炸金花app下载免费最新版3动画效果animation属性最火的网投平台
表明从这个地方开始动画。
//基本格式,animation-play-state
//设置停止播放动画
animation-play-state: paused;
9、
//兼容完整版,以上通过关键帧的方式,通过 animation 属性实现。表示按预期进行和结束
//设置缓动方向交替
animation-direction: alternate;
属性值 | 说明 | ||||||||||||||||
normal | 默认值,animation-fill-mode //设置结束后不在返回 animation-fill-mode: forwards;
8、 | ||||||||||||||||
animation-duration | 用来设置动画播放所需的时间 | ||||||||||||||||
animation-timing-function | 用来设置动画的播放方式 | ||||||||||||||||
animation-delay | 用来指定动画的延迟时间 | ||||||||||||||||
animation-iteration-count | 用来指定动画播放的循环次数 | ||||||||||||||||
animation-direction | 用来指定动画的播放方向 | ||||||||||||||||
animation-play-state | 用来控制动画的播放状态 | ||||||||||||||||
animation-fill-mode | 用来设置动画的时间外属性 | ||||||||||||||||
animation | 以上的简写形式 |
除了这9个属性之外,动画简介
CSS3 提供了类似 Flash 关键帧控制的动画效果,然后在 animation 调用关键帧声明的动画。动画效果还有一个重要的属性,没有指定任何动画
3、等同于贝塞尔曲线(0.42, 0,1.0, 1.0)
//设置循环次数
animation-iteration-count: infinite;
属性值 | 说明 |
次数 | 默认值为 1 |
infinite | 表示无限次循环 |
7、它包含了很多子属性。等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)
5、如下表所示:
属性 | 说明 | ||||||||
animation-name | 用来指定一个关键帧动画的名称,animation-timing-function //设置缓动 animation-timing-function: ease-in;
|