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.
Controlling stacking - jQuery Tutorial
From the course: CSS: Advanced Typographic Techniques
Controlling stacking
By wrapping each letter in a span tag, Lettering gives us the ability to have individual letters interact with each other in really creative ways. Now, in the bookcover design, each of the letters stack on top or behind each other. We're going to emulate that by giving each of the letters a z index property. And I just want to show you. a second here, I have the Stacked.htm file open from the 02_05 directory and I've made a slight change to it. I'm going to show you that in the browser. And you can see that I have changed the color for each of the individual letters. And I did that because once we start changing the stacking order of them you can see that they're already overlaying each other just sort of naturally because we've been using those negative margins. So we need to make it look at little bit more like the actual book cover, where the stacking order is really independent of the order of the, the letters themselves. And it, it really gives it sort of this interesting depth…
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.