DEV Community

Cover image for Animations other property๐ŸŒ™
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Posted on • Edited on

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"

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)