While they are a relatively recent addition to the CSS specification, transforms are a vital part of web pages, central to both layout and animation.

Goals: Transform web page elements.

Prerequisite: CSS Introduction

Total practice time: 1 hour

Core Material

1. Introduction to Transforms
2. rotate
3. skew, scale & translate
4. Mirroring Elements

Recommended Resources

Step through the transitions and transforms tutorial created by Rick Bradshaw.

Photograph by Mostafa Hamad, used with permission.

Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.