2D Transformations 147
I know this is all quite complex, but hopefully I’ve simplified it enough
for you to understand, without making it seem so easy you can’t see the
scope for great flexibility—as long as you keep your scientific calculator
with you at all times! And if this does seem overly complex, and you’re hav-
ing trouble understanding it, remember you can perform all of these trans-
formations using the individual functions, so you can happily forget about
matrix and trigonometry, too, if you wish.
Summary
This chapter has introduced the most complex property so far: the matrix()
function. Although some might be tempted to say that if you want to per-
form complex operations, you have to deal with complex syntax, I think the
other functions in this chapter do a good job of translating that complexity
into something simple. Just remember, easier options are always available if
you get fed up with matrix().
This chapter has also introduced some of the most revolutionary prop-
erties so far—just a few years ago the notion that you could rotate, skew,
and scale elements was just a pipe dream, but today you can do just that.
And if you think what you’ve seen in this chapter is impressive, wait until
the next one. I’m going to show you how to add an extra dimension—
literally—to your transformation effects.
2D Transformations: Browser Support
Chrome firefox safari ie
2D transformations Yes Yes Yes* IE9*, IE10
* With vendor prefix
