From the course: CSS: Advanced Typographic Techniques
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
Applying perspective - jQuery Tutorial
From the course: CSS: Advanced Typographic Techniques
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
Project overview1m 25s
-
(Locked)
Structuring HTML3m 16s
-
(Locked)
Using generated content3m 40s
-
(Locked)
Giving text a 3D look5m 22s
-
(Locked)
Simulating submerged text5m 59s
-
(Locked)
Clipping text6m 40s
-
(Locked)
Applying perspective5m 4s
-
(Locked)
Using 3D transforms7m 55s
-
(Locked)
Aligning split text3m 47s
-
(Locked)
-
-
-