编程知识 cdmana.com

transition: Transition animations
transition-property: attribute
transition-duration: interval
transition-timing-function: curve
transition-delay: Delay
A hook is often used : transitionend
animation / keyframes

animation-name: The name of the animation , Corresponding @keyframes
animation-duration: interval
animation-timing-function: curve
animation-delay: Delay
animation-iteration-count

: frequency
infinite: Loop animation
animation-direction

: Direction
alternate: Reverse play
animation-fill-mode

: Static mode
forwards: When it stops , Keep the last frame
backwards: When it stops , Back to the first frame
both: At the same time forwards / backwards
A hook is often used : animationend
Animation properties : Try to use animation properties for animation , Can have good performance
translate
scale
rotate
skew
opacity
color

You can view and edit the code here :https://www.w3school.com.cn/tiy/t.asp?f=css3_animation

版权声明
本文为[Little rabbit_ Good boy]所创,转载请带上原文链接,感谢

Tags css animation
Scroll to Top