Loading Dots CSS Animation Tutorial

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=zAbnlisUFZE

In this video I go over how to create a loading dot animation using only HTML CSS. I show you how to create a keyframe animation that modifies an element's scale and color. I use nth-child to then specify an animation delay to create a cool wave effect. • Code: https://codepen.io/angeladelise/pen/m... • I show you: • 0:30 - HTML code • 0:58 - Initial div styling • 1:59 - CSS animation • 2:43 - How to create a keyframe animation • 3:32 - How to transform the scale property • 4:46 - How to animate color • 5:16 - How to add an animation delay • 5:43 - How to use nth-child • 7:06 - How to add a color pop with keyframes • Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: https://www.youtube.com/watch?v=D3ZF2... • Let's Connect • Dribbble: https://dribbble.com/angeladelise • Blog: / angeladelise

#############################

New on site