CSS Animation Tutorial #5 - Animation Fill Mode

Yo ninjas, in this CSS animation tutorial, I'll go through the animation fill mode property, and how we use it to control what happens to our elements outside of the animation window. Animation fill mode can take 4 values:

- none - returns the element to it's previous state before the animation begins
- forwards - persists the final animation properties to the element, so that it appears to rest at the end of the animation
- backwards - takes the element  to the starting animation point before the animation begins
both - combines forwards & backwards together

----- COURSE LINKS:
+ Repo - https://github.com/iamshaunjp/css-ani...
+ Brackets editor - https://brackets.io/

---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

SUBSCRIBE TO CHANNEL - @netninja

========== JavaScript for Beginners Playlist ==========

JavaScript Tutorials for Beginners

============ CSS for Beginners Playlist =============

CSS Tutorials For Beginners

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to - @netninja or http://thenetninja.co.uk

================== Social Links ==================

Twitter - @TheNetNinja - Twitter: thenetninjauk

• #education
• #css_animation_tutorial
• #css_animation
• #css_animation_effects
• #css_animation_examples
• #css_animation_example
• #css_animation_tutorials
• #css_animation_keyframes
• #css_animation_slide
• #css_animations
• #animation_fill_mode
• #animation_fill_mode_tutorial
• #animation_fill_mode
• #animation_fill_mode_forwards
• #animation_fill_mode_backwards
• #animation_fill_mode_both