Animations other property🌙

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

#beginners #css #html #tutorial

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.