[css]css中动画的使用

在网页上的动画效果可以由css实现或js实现,今天简单的讲一下css中动画如何实现。
动画
animation属性用来添加动画效果
实现步骤
在样式中定义动画
@keyframes 动画名称{
/*动画开始*/
from{}
/*动画结束*/
to{}
}

或是
@keyframes dance {
0% {

}

100% {

}
}

调用动画(在需要添加动画的元素样式中添加) animation:动画名称 动画花费时间 等;
动画属性
animation:动画名称,动画时长,速度曲线,延迟时间 ,重复次数,动画方向,执行完毕时状态
动画名字参照css类选择器命名动画时长和延迟时间别忘了带单位 sinfinate 无限循环动画alternate 为反向 就是左

[css]css中动画的使用最先出现在Python成神之路

版权声明:
作者:Alex
链接:https://www.techfm.club/p/17528.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>