CSS Animation Timing Functions
#shorts #cssanimationtimingfunction
#edtechbymeera
#cssanimations
This beginner CSS tutorial shows you how to use css animations with the css animation timing function property.
Here I will teach you how to specify the speed curve of the animation.
By using the property of animation-timing-function
different speed of the div element can be achieved as shown in this video.
The a ove property can have following values:
ease: animation with a slow start then fast and then end slowly.
linear: Same speed from start to end.
ease-in : Slow start
ease-out: Slow end
ease-in-out : Slow start and end
Thus this video shows a mix of all the above speed curves being used.
Do share and like this video.
subscribe: / @edtechbymeera