Join James Williamson for an in-depth discussion in this video Adding text shadows, part of CSS: Advanced Typographic Techniques.
So we have one final task before we finish our…book cover and that's adding those subtle shadows to each letter.…We are going to do this by using the text shadow property.…So I am going to be working with the stacked.htm file from…the 02_06 directory and if I look at that in the browser.…You can see we're back to having white text.…Yay!…We've got our kerning is happening, our stacking is happening, you'll have to…trust me on the stacking because the letters are all bleeding together, but as…we start adding these really subtle text shadows they're really…going to pop off and we're going to get a lot of dimensionality.…
Based upon the stacking of the letters.…All right now tech shadow syntax is actually fairly simple to use…but it is one of those things that that you have to be…very careful how you use it and you have to be very conscientious…in terms of the direction you're using, the amount of shading you're doing.…that sort of thing.…I'm going to scroll down a little bit until I get…back down into these individual character styles.…
- Controlling font rendering with CSS
- Using web fonts
- Adjusting kerning
- Adding dimension to text
- Working with gradients and drop shadows
- Using 2D and 3D transforms
- Applying perspective
- Aligning split text
- Creating and triggering transitions
- Enabling animations
- Extending CSS with Lettering.js and Modernizr
Skill Level Intermediate
1. Getting Started
2. Using Lettering.js
3. Creating Dimensional Text
4. Creating Refracted Text
5. Animating Text
6. Using Modernizr
Additional resources2m 11s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.