From the course: CSS: Advanced Typographic Techniques

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Using 2D transforms

Using 2D transforms - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Using 2D transforms

“

One of the core recent additions to CSS has been the addition of transforms. Transforms come in two flavors. Two-dimensions and three-dimension, and allow you to do things like scaling, skewing, rotating, and even adding perspective to your page elements. Now, we're going to explore 2D transformations as we finish up our mast head. So, here I have the speed.htm file open from 03_05. Again I'm focusing on the hot rod span selector, and I'm just going to scroll down and start adding these just below the shadows that we, we added earlier. Now. Now transforms, again, they're one of those things that for cross browser compliance, we need to use vendor prefixes. So I'm going to show you kind of how this works. We're going to do -webkit-transform. And then after that, we're going to do MS for Microsoft, or Internet Explorer, and then after that we'll just do the, the natural transform. Now, you can see that, based on the Code Editor I'm using, I can see, sort of, all these options that I…

Contents