Start Here
  • Course Introduction
Course tools
  • Introduction to Codepen.io
  • Introduction to Sublime Text
  • Introduction to Adobe Illustrator
Create Your First SVG Animation
  • First Project Preview and Introduction
  • Create an SVG in Illustrator
  • Importing an SVG to Codepen.io
  • Creating the SVG Animation
Create Your Second SVG Animation
  • Second SVG Project Intro
  • Import and Style SVG
  • Overview Animation and Recap
  • Using CSS Animations Part 1
  • Using CSS Animations Part 2
  • Improving the Animation
Create Your Third SVG Animation
  • Introduction to Minimal SVG Project
  • Import & Style SVG
  • Create Animation Part 1
  • Create Animation Part 2
  • Create Animation Part 3
More Animation techniques
  • Transform Rotate Introduction
  • Making use of Dashed Stroke
  • Using Transform Scale
Adding your SVG Animation to a HTML Page
  • Adding an SVG Animation to Example HTML page
Course Close
  • Course Completion