From the course: CSS: Advanced Typographic Techniques

Unlock the full course today

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

Applying perspective

Applying perspective - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Applying perspective

Our next couple of exercises will focus on applying 3D transformations to our text. Now 3D transformations are a lot like the 2D transforms that we did earlier. They just let us add perspective and they give us a z axis that we can transform on as well. Now we're going to get our text ready to transform by telling the browser what amount of perspective we'd like to apply to it. And if you want to kind of get an idea of what that, that perspective property is going to allow us to do, take a look at the lake itself. 1 of the things that, you know, we learn very early on in art school was perspective and vanishing points. And, if we kind of drew some imagining lines here, we could see that the vanishing point for this lake is going right back here to the horizon. I'll write it through here, and I would like to distort the text in the water on that vanishing point. So that it really sort of blends in seamlessly with the, the image that I have here. And that's one of the really cool things…

Contents