DEV Community

Cover image for Animation Timing Property
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Posted on • Updated on

Animation Timing Property

Hello, coding people ๐Ÿ‘‹,

Hope you are guy's doing well in your journey.

This post is a part of our "21 Days of CSS animation post"

In the last post, we have learned about two animation properties and keyframes function. In this post, you are going to learn two more animation properties which are "animation-delay" and "animation-iteration-count".

The use of delay property is to delay the time of animation start timing. Means the animation will start after this specific delay time period.

delay

In this property we are setting animation looping count means how many times our animation will perform.

Iteration count

We can also set it to infinite also.

infinite

That's all for this post And if you are interested to learn CSS you can join Eduonix E-Learning platform.

Top comments (0)