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.

Giving text a 3D look

Giving text a 3D look - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Giving text a 3D look

“

We're going to focus on the top half of our text first, and I want that text to look three dimensional, as it's sort of submerging into the water. Well thankfully, that's really easy to do by revisiting one of our old friends that we've been using throughout this course. And that would be the text shadow. So I'm working on the submerge.htm file from the 04_04 directory. And I'm just going to go straight down to the generated content that we worked on in the last exercise. I'm just going to start adding to this. So I'm going to go down to the last property here. And I'll just start adding to it, and this, the first thing I want to do is set font size, so I'm going to make it a little bit larger and I'm going to to 120 pixels. Now, you know me, I like relative units of measurement. But in this case, where we're working with the defined image, we're not really caring about making it responsive, that sort of thing. There's nothing wrong with using pixels. In fact, it makes math easier…

Contents