Hey party people
Hope you are doing well in your journey :)
This post is a part of our "21 Days of CSS animation post"
20 Days of CSS animation post๐ช
๐ฉ Atul Prajapati ๐ฎ๐ณ ใป Jan 30 '21 ใป 1 min read
In this post, we are learning about three different animation properties which are as follows.
- animation-timing-function
- animation-direction
The use of "animation-timing-function" is it will add little speed animation function like fast when the star, slow when the end, etc. This property has four different values like "linear", "ease", "ease-in", "ease-out", "ease-in-out".
In "animation-direction" we can add animation start and end position like starting point and endpoint. Four property has three different values which are as follows
- normal
- reverse
- alternate
- reverse-alternate
That's all for this post And if you are interested to learn CSS you can join E-Learning platform.
Top comments (0)