Go back to home page of Unsolicited Advice from Tiffany B. Brown

Demystifying the CSS transforms matrix functions

A screenshot of a CSS
Transform.

One of the things I didn't cover in much depth in my MinneWebCon talk about CSS transitions and transforms is the matrix. That's mostly because it involved some linear algebra and math that I don't think I've touched since high school, if ever. (Seriously, it was so long ago that I can't remember whether my teachers ever taught it.)

After a solid week of Google searches and Wikipedia articles, I gathered enough know-how to fully explain the matrix() and matrix3d() functions. Then I wrote an article about it for Dev.Opera :-): Understanding the CSS Transforms Matrix.