View More Previews or Buy Course
This course includes:
- 20 videos
- 1 hour and 25 minutes of content.
- Source code for every project
The goal of this course is to teach you the fundamentals of JavaScript animation with Anime.js. And I'm hoping that by the end of the course you'll have all the necessary knowledge to create beautiful and engaging animations. If you are new to JavaScript and CSS, I would recommend learning the basics first, because this course only focuses on the topics related to Anime.js and animation design.
Table of Contents
Animation with Plain JavaScript
-
Animation with
setInterval -
Animation with
requestAnimationFrame
Anime.js Fundamentals
- Anime.js Demo
- Using Targets
- Units and Values
- Objects as Value
- Functions as Value
- Easing Functions
- Animating CSS Transforms
- Animation CSS Properties
- Animating Color Values
- Animating SVG Attributes
- Animating DOM Attributes
- Animation Parameters
- Animation Callbacks
- Playback Controls
Keyframes
- Using Anime.js Keyframes
Timelines
- Using Anime.js Timelines
Practical Examples
- Creating a loading spinner
- Creating a micro-interaction for a login form
