It's the last day for these savings

Learn animation using CSS3, Javascript and HTML5

Master the art of animation for the web. Easy to follow videos. Source code included.

1.774 Students


All Levels


  • Overview
  • Curriculum
  • Discussion
  • Review
  • Instructor

What you will learn

  • Create animations and transitions using CSS, Javascript and HTML

  • Use popular javascript libraries to help create animations

What are the requirements for taking your course

  • To code along with this course you will just need a text editor and a browser.

  • Following along will be easier if you have a basic understanding of html, css and javascript.

Who is this course for

  • This Animation course it meant for beginner to advanced developers who want to broaden their understanding of animation and the tools to create animations.

  • A basic understanding of html, css and javascript is nice to have but not required.

  • This course is focused specifically on animations for HTML, CSS and Javascript. It's not intended to be a full web development course


In this course you will learn how to create animations and transitions in CSS3 and Javascript. The easy to follow along tutorials will have you animating in no time.

Master the art of adding animation to your websites and pick the right tools for the job.

  • Create animations and transitions using CSS3
  • Learn the building blocks of how animation works in Javascript
  • See how different techniques can add life to your animations
  • Leverage animation frameworks that take care of the hard work and let you animate quickly.
  • Follow along with the included source code

    We'll learn the basics of animating all the way through complex sequenced animations.

    You'll learn how to use CSS3 syntax to create quick and smooth animations without needing javascript. Next I'll show you the building blocks of animating in javascript using setInterval and requestAnimationFrame in the canvas. Then you will learn how to leverage jQuery's animation methods, events, and properties to get animating quickly. Last but not least we'll cover GSAP (Greensock animation platform) where you'll learn the basics all the way through complex sequenced animations. This course comes complete with working code samples so you can work along side the instructor and modify to create your own animations. The full course can be completed in just over 2 hours.

Animation and Transitions with CSS3

CSS3 Transition Basics

CSS3 Transitions with transforms

CSS3 Animation Basics

CSS3 Interaction with Animation

CSS3 Animation with Transforms

Animating with Javascript

Animating using setInterval

Animating using requestAnimationFrame

Animating with Jquery

The basics of animating with jQuery




Animating with GSAP (Greensock animation platform)

Intro to GSAP and TweenMax

Easing with GSAP

TweenMax Special Properties

Animation Controls

Animation with CSS3 and transforms


No Discussion Found


121 Reviews

Matt Wallace



This Course Includes

18 Lessons
0 Quiz
0 Assignment
18 Downloadable Resources
Full Lifetime Access
Certificate of completion
Go To Class

Related Skills

More Courses From Jacob Collier

Udemy Udemy

Learn animation using CSS3, Javascript and HTML5

1.774 students 2h21min