cursor-education/css3-animations-notes

Web Animations

• JS Animation
  • js way https://jsfiddle.net/64qqku0h/1/
  • js with steps function https://jsfiddle.net/64qqku0h/2/
  • js with OutElastic https://jsfiddle.net/64qqku0h/3/
• CSS Transitions
  • css \w transition https://jsfiddle.net/7b50bu2u/
• CSS Animations (\w keyframes)
  • css \w keyframes https://jsfiddle.net/7b50bu2u/1/
  • clouds https://jsfiddle.net/7b50bu2u/2/
  • window loader https://jsfiddle.net/u1yf43mq/
• Canvas
  • https://jsfiddle.net/2grcc07e/

Read

• https://www.kirupa.com/html5/introduction_to_animation_html.htm