DEV Community

Cover image for Defining Animation property ๐Ÿฆพ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Posted on • Updated on

Defining Animation property ๐Ÿฆพ

Hello busy folks ๐Ÿ‘‹,

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

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

In this post, I'm going to try to explain about CSS "animation property".

This is how we can define our CSS animation property.

keyframes

After @keyframes keyword "grow" is our animation-name value.

This is how we can assign our animation effect to specific element or component here we are assigning animation to our box element.

Animation Name

By this property, we are setting time duration like in how much time period our animation will take to finish.

Duration

Code playground for our animation project

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

Top comments (0)