Web Animation

A beginning course in animating web content using the Document Object Model (DOM).

Objectives

Learners will learn how to:

  1. Layout pages with a presentation program
  2. Transfer the page layout to HTML and CSS
  3. What is a keyframe?
  4. Animating content with CSS
  5. GreenSock Animation Program (GSAP): Animating content using the Green Sock tween
  6. GreenSock: Sequencing tweens using Timelines
  7. GreenSock: Controlling the triggering of Tweens and Timelines using ScrollTrigger
  8. Putting it all together into a finished project