Mozilla Devtools Tips 03# - Animation Inspector

Welcome Back! Thank you always being awesome! So today's Mozilla Devtool Tip is using the Animation Inspector to break down your CSS animations and get full control of the sequence on a visual timeline!

Say you have some CSS animations that are flickering, glitching, or just not quite looking correct, just run through the animation sequence with the animation inspector panel open and a list of each animation, the property being animating, the timeline of each animation, which also represents the timing function. Very useful for debugging pesky CSS gotchas!

Thank you so much for watching! If you enjoyed this, stay tuned for the next video on the Font Controller Panel!

Make sure to Like - Comment - Subscribe for more awesome RabbitWerks javascript and web development videos!

_______________________________________
MOZILLA FIREFOX QUANTUM (Mozilla Developer Edition) https://www.mozilla.org/en-US/firefox/developer

_______________________________________
RabbitWerks js Website
http://bit.ly/rabbitwerks-site

_______________________________________
Twitter
http://bit.ly/rabbitwerks-twitter

_______________________________________
MUSIC CREDIT
https://incompetech.com/music/

Видео Mozilla Devtools Tips 03# - Animation Inspector канала RabbitWerks JavaScript