Hey coding people
Hope you are doing well in your journey :)
This post is a part of our "20 Days of CSS animation post".
20 Days of CSS animation post 🐾
Atul Prajapati ・ Jan 30 '21 ・ 1 min read
The "animation-fill-mode" is used to set the animation ending position of an element I mean @keywords to position OR default element position. But keep in mind we can't set @keyframes from position via animation fill mode.
Please play around with this codepen, So you can feel the difference.
The use of "none" is nothing, no fill effect.
The "forwards" and "both" mode will set the element at keyframes to position.
The "backwards" mode will set the element at the default element position.
That's all for this post And if you are interested to learn CSS you can join E-Learning platform.
Top comments (0)