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.

Working with drop shadows

Working with drop shadows - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Working with drop shadows

“

At this point, our mast head is coming together. I'd really like to add some depth to the text, though. And, using drop shadow is a great way to do that. So, I'm going to be working in the speed file, in the 03_04 directory. We're just picking up right where we left off. And, I'm going to work with two types of drop shadows, one that specifically designed for text, which we used in our previous, project. And then a new one which we haven't used yet in this title, which is for the elements themselves, the, the box properties. And it's called Box shadow. All right, so let's start of with a Text shadow. So I'm going to do Text shadow. And what we're going to do here is negative one pixel, negative one pixel. So, x and y offsets of negative one pixel, so it's going to move it to the left, and up. Not very much but just a little bit, very subtle, two pixels for the blur so still at very sharp shadow. And RGBA value of 0 comma 0 comma 0 which is black comma 0.6 which is semi opaque. So I'm…

Contents