CSS3动画(transition和animation)
程序员文章站
2024-03-24 12:37:34
...
1>animation
使用格式:
关键帧
@keyframes 动画名称{
0%{
}
30%{
}...
100%{
}
}
animation-name 规定需要绑定到选择器的 keyframe 名称。
animation-duration 规定完成动画所花费的时间,以秒或毫秒计。
animation-timing-function 规定动画的速度曲线。
animation-delay 规定在动画开始之前的延迟。
animation-iteration-count 规定动画应该播放的次数。
animation-direction 规定是否应该轮流反向播放动画。
简写:
参数顺序依次是:
animation:名称 时间 速度曲线 延迟 次数 反向;
2>transition
transition:属性 时间 速度曲线 延迟
注意:
transition:all(过渡所有)
***补充animation和transition区别
transition要有事件支持(点击,鼠标移入)
animation自动触发
上一篇: css 动画 transition 和 animation
下一篇: 【Python】 os
推荐阅读
-
CSS3动画(transition和animation)
-
动画animation和过渡transition
-
css 动画 transition 和 animation
-
Android--Animation动画介绍和实现
-
Custom View Controller Transition Animation iOS自定义VC转场动画
-
【Android 基础】详解Animation 动画介绍和实现
-
【Android 基础】详解Animation 动画介绍和实现
-
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
-
CSS3的动画:animation介绍
-
CSS3提供的Animation动画