Learn Animation

Make your website pop with eye-catching animations. Read these free animation tutorials to master CSS and JavaScript techniques for creating successful animations.

All Animation tutorials:

Filters

Animation

Create the Perfect Carousel, Part 2

Tutorial • Advanced

Continue the quest to create a perfect carousel and learn how to incorporate mouse scroll, pagination animations, and a progress indicator.

Matt Perry • 28 Nov 2017
Animation

Create the Perfect Carousel, Part 1

Tutorial • Advanced

Carousels are a staple of e-commerce sites. Learn to create a mouse, keyboard and touch-accessible carousel, using tweens, physics, and input tracking.

Matt Perry • 27 Nov 2017
Animation

How to Create Simple Button Fades With CSS

Tutorial • Beginner

In this video from my course on Practical Web Animation, you'll learn how to create a simple hover effect for navigation menu buttons using CSS.

Craig Campbell • 14 Nov 2017
Animation

Adding Physics-Based Animations to Android Apps

Tutorial • Beginner

Learn how to use Dynamic Animation to create physics-based animations in an Android app that closely resemble the movements of objects in the real world.

Ashraff Hathibelagal • 28 Jun 2017
React Native Development

Practical Animation Examples in React Native

Tutorial • Intermediate

In this tutorial, you're going to learn how to implement commonly used animations in a React Native app. Follow along and learn to code animations that...

Wern Ancheta • 15 Dec 2016
React Native Development

Animate Your React Native App

Tutorial • Intermediate

Animations can breath life into your app and make your UIs more intuitive. In this tutorial, you'll learn how to implement different kinds of animations in...

Wern Ancheta • 3 Oct 2016
Workflow

Animate an Acrobatic Spy Using the Flash Timeline

Tutorial • Intermediate

The key to animation, like many things, is a logical approach and good workflow. In this tut, Hasier takes you through planning, sketching and refining your...

Hasier G • 1 Jan 2010