Transform matrix property in CSS
Intro 💬 In this article, you will learn how to use the transform property in CSS with array transforms to apply multiple transformations. The transform property with matrix transformation offers many possibilities to improve the look and feel of web...
Responses
Markdown supported · ⌘↵ to post
Maciek Fitzner
I like trying out what CSS can do. And making it do things it wasn't meant for.
Oh, this goes on my to-read list. I've never learnt transform matrix, because I wasn't sure my go-to mode - a chain of translations and rotations along various axes, all in a very specific order - could be correctly written with a matrix. But it's worth a try, even if it doesn't get me where I want it to. Case in point: the new syntax - rotate: (axis) (angle) - didn't look very interesting until I found out how it doesn't interfere with/override the traditional transform. It's hard to explain, I'd have to illustrate it with a codepen example - but it was kinda mindblowing!