An interactive guide to CSS transitions

This tutorial is meant to be accessible to developers of all experience levels. The main ingredient we need to create an animation is some CSS that changes. We can instruct the browser to interpolate from one state to another with the aptly-named transition property. A smooth animation should run at 60-second duration over a 1-second window.