[css]css中动画的使用
在网页上的动画效果可以由css实现或js实现,今天简单的讲一下css中动画如何实现。
动画
animation属性用来添加动画效果
实现步骤
在样式中定义动画
@keyframes 动画名称{
/*动画开始*/
from{}
/*动画结束*/
to{}
}
或是
@keyframes dance {
0% {
}
100% {
}
}
调用动画(在需要添加动画的元素样式中添加) animation:动画名称 动画花费时间 等;
动画属性
animation:动画名称,动画时长,速度曲线,延迟时间 ,重复次数,动画方向,执行完毕时状态
动画名字参照css类选择器命名动画时长和延迟时间别忘了带单位 sinfinate 无限循环动画alternate 为反向 就是左
[css]css中动画的使用最先出现在Python成神之路。
共有 0 条评论