SHARE

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-animations-playlist
+ 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 – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

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

https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

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

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

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

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

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

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

7 COMMENTS

  1. Watched now 4 of your videos. Really like your kind of explanation clear and in a steady pace. Looking forward to more videos from u;)

LEAVE A REPLY

Please enter your comment!
Please enter your name here