Make a One-time CSS Animation that Does Not Revert to its Original Style

InstructorChris Achard

Share this video with your friends

Send Tweet

We'll add animation to patio11bot using CSS keyframes. When defining a CSS animation, you can add it to a class with animation-name, set the duration with animation-duration, and if you want the animation to 'stick' on the end state, add animation-fill-mode: forwards;