START OFF DOCS::
https://www.sitepoint.com/how-to-get-started-with-css-animation/
ANIMATE PSEUDO ELEMENT::
https://cssanimation.rocks/pseudo-elements/
shiny button
https://cssanimation.rocks/pseudo-elements/
CSS ANIMATIONS
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations#Examples
COOL ANIMATIONS:
https://css-tricks.com/how-i-live-coded-my-most-hearted-codepen-demo/
https://www.smashingmagazine.com/2011/09/the-guide-to-css-animation-principles-and-examples/
Further Reading On Smashing:
SVG and CSS animations with clip-path
Creating ‘hand-drawn’ Animations With SVG
The new Web Animation API
Practical Animation Techniques
The Math Behind JavaScript Animations
UI Animation Guidelines and Examples
Designing Animations In Photoshop
Fast Prototyping UI Animations In Keynote