Wednesday, August 15, 2012

CSS3 Transforms

I spent a little bit of time in CSS3's transforms today. It was tricky enough to get an angle just the way I wanted it, that I ended up making a 2D transform tester page. It was good to dig into it a little deeper than I was expecting to, as it highlighted what I didn't like about it.

CSS3 Transform repository »

When rotating with the Y axis along with either of the other two, it projects the plane in an orthographic view or a just wrong view. Not entirely sure yet, but the perspective of the plane feels reversed. I would have liked it better if it had just not applied any perspective.

When I come back to this, I'm going to experiment with the rotate3d or matrix transforms. They are trickier, but I'm thinking they are actually what I wanted to use in the first place.