CSS
Search
Search
animation-timing-function
the animation-timing-function property uses a Cubic Bezier curve function to change the speed of the animation
6:37 am, September 22, 2020 animation
animation-play-state
animation-play-state controls if the animation is playing or not
6:34 am, September 22, 2020
animation-name
animation-name specifies the name of the animation if there is one
1:23 am, September 22, 2020 animation
animation-iteration-count
animation-iteration-count controls how many times the animation is played
1:20 am, September 22, 2020 animation
animation-fill-mode
animation-fill-mode specifies a style for the element when the animation is not playing
1:17 am, September 22, 2020 animation
animation-duration
animation-duration specifies the duration of the current animation the timing can be in seconds or miliseconds
1:13 am, September 22, 2020 animation
animation-direction
The animation-direction property controls the animation direction and can set it to the reverse, alternate or alternate-reverse. You can see it in action with the demo's below.
1:32 am, September 21, 2020 animation
animation-delay
animation-delay controls the delay before the animation starts
12:24 am, September 21, 2020 animation
animation
binds an animation to an element, short hand for animation- individual elements. the following demo binds the animation name my-animation to the demo element
6:36 am, September 15, 2020