CodeNewbie Community

Cover image for Defining Animation property 🦾
Atul Prajapati
Atul Prajapati

Posted 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.

Discussion (0)