失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > @keyframes—定义动画关键帧

@keyframes—定义动画关键帧

时间:2019-10-26 03:04:54

相关推荐

@keyframes—定义动画关键帧

@keyframes用来定义动画名和关键帧,其语法规则如下

@keyframes run {0% {//有动画性质的属性的改变情况}25% {}50% {}75% {}100% {}}

即将动画执行的过程分为若干段,在每一段中定义该段中最后一帧的元素的状态

【注】

1.其百分比必须从0%-100%,表示元素运动的第一帧到最后一帧(不要忘了百分号)

2.0%和100%分别可以用from和to代替

3.每段动画执行的时间按照关键帧分配的比例在总时间内划分,比如动画执行总时间为4s,则0%-25%这一过程占用1s

@keyframe与animation配合使用, 因此下一节再举例子吧

如果觉得《@keyframes—定义动画关键帧》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。