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 3D transforms

Using 3D transforms - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Using 3D transforms

“

In this exercise, we're going to explore how combining the 3D transforms with the perspectives that we set in our last exercise can really help us create extremely realistic typographic effects. Alright, so I will be working with a submerged file, this time from the 04> 04_08 directory, and I'm going to scroll down to find the paragraph selector. And what I'm going to do is I'm actually going to apply the transformations themselves to the individual letters. You may have noticed, at the very top, that we do have lettering going on, and we're targeting that paragraph down. Normally, I wouldn't using lettering in quite so generic a sense, I'm just saying hey, all paragraphs. But since we only have one paragraph in the entire document, that's okay. Alright. But you may want to be careful next time and not, not do it to everybody. So that means that inside of our paragraph of course that each of the letters is surrounded by a span tag with character one, character two, character three…

Contents