DEV Community

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

Posted on โ€ข Edited on

1

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.

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay