23. Animations : CSS

Animations

Animations

Animation Name - We can give any name here. It is simply used to characterize our activity. 


Animation Duration - It is utilized to choose how long our animation will run. 


Animation-Iteration-Count - It is utilized to choose the times the animation will run. 


Keyframes - It is utilized to make the activity. From and to are utilized to choose how the animation will move on the website page. 


Animation-Fill-Mode - If we need to keep the last property applied to the liveliness then we can set the movement fill-property as forward. 


Animation-Timing-Function - We can characterize this property with three unique qualities

  • Ease-In - After applying this, the activity will begin gradually and turns out to be quick towards the end. 
  • Ease-Out - After applying this, the movement will start fastly and turn out to be delayed towards the end. 
  • Ease-In-Out - After applying this, the liveliness will begin gradually, then, at that point become quick in the halfway, and closures gradually. 


Animation-Delay - It is utilized to characterize the time after which the activity will begin. 


Animation-Direction - This property is utilized to characterize the course of the movement. we can make the exercises as far as various rates. We can dole out various qualities here that will happen when that level of liveliness will be finished.

Post a Comment

0 Comments