Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS动画 (animation (animation-direction(动画是否反向播放) (normal, alternate交替运行,…
CSS动画
animation
animation-direction(动画是否反向播放)
normal
alternate交替运行
reverse反向运行动画
alternate-reverse反向交替运行
animation-name:输入关键字
animation-fill-mode
none(default)动画没开始的状态
backwards(动画开始状态)
forwards(动画结束状态)
both(根据animation-direction轮流运用backwards&forwards)
altenation-duration
keyframes（定义动画的各个状态）
animation-delay
animation-play-state
running
paused
css translation
translation-delay(延迟)
translation-timing-function(状态变化速度)
linear(匀速)
easing-in(加速)
easing-out(减速)
cubic bezier (自定义)
ease(default)逐渐放慢
translation-property
translation-duration
局限性
只能定义开始和结束状态
只能定义一个属性变化
一次性动作，除非再次触发
需要事件触发，没法在网页加载时自动发生