Want to spruce up your web application with some nice animated effects, but don't want to use some big library or framework? CSS transitions might be the place to start!

Learn how to use native CSS transitions to automagically add motion to your application. By specifying a simple transition rule, changes to the values of specific properties can be interpolated over time to give a graceful, polished look and feel to what used to be a jarring and sudden transition.

Introduction to CSS Transitions

Learn how to spice up your CSS Transitions using delays and compound transition rules that specify independently varying rules for transitions to multiple properties on the same object.

CSS Transitions: Delays and Multiple Properties

Learn how to apply timing functions to CSS transitions. We'll talk about pre-defined functions like 'ease-in', 'ease-out' and 'step', and then look at how to specify a custom function capturing the exact transition effect you're looking for.

...learn how to use CSS transitions.

Joel Hooks

Course Content