Web前端培训

首页> 入门基础

Css动画属性-animation

来源:Web前端培训问答 2021-01-22 10:58:06

animation 属性是一个简写属性,用于设置六个动画属性:

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

animation-direction

animation-fill-mode

animation-play-state

分别表示动画:[动画名称] [动画持续时间] [动画计时功能] [动画延迟] [动画迭代计数] [动画方向] [动画填充模式] [动画播放状态] ;

官方说法:

句法:动画:<单动画>

<单动画> = <时间> || <单定时功能> || <时间> || || <单个动画方向> || <单一动画填充模式> || <单一动画播放状态> || <单个动画名称>

初始值:无0s缓解0s 1正常无;这是每个长期属性的初始值的串联

适用于:所有元素;和::before和::after伪元素

可动画设置:否

使用注意事项:

1.在同时使用animation-durationand和animation-delay属性时,需要按照该顺序排列。

2.如果在定义中有两个值,第一个被视为动画持续时间,第二个被视为动画延迟。

3.任何值在没有设置的情况下都是默认值,所以必须要指定动画名称,要不就应用不了动画。

如果不设置动画持续时间,她的默认值也是0秒,动画效果也会同时发生,设置的关键帧就就没有效果了。

这篇关于“Css动画属性-animation”的文章 已帮助人,希望也能帮到你! 声明:本站点发布内容未经许可不得转载,如需转载请联系我们。
>>本文地址:http://web.m.ujiuye.com/rmjc/2021/410.html
  • 319个地市设有分部

  • 1508家直营分部和学习中心

  • 500+研发工程师

  • 100+IT技术大牛