Applying CSS3 text effects


show more Applying CSS3 text effects provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Typography with CSS in Dreamweaver show less
please wait ...

Applying CSS3 text effects

Adding shadows to text and other elements is a solid way to literally make them stand out. Before the CSS3, Text Shadow property gained a significant browser support it has, the only way to create text with a shadow was with a graphics program. Now, text shadows are readily available via CSS, and they open the door to a wide range of effects. In this video I'll show you two; how to create the standard drop shadow effect, as well as letterpress text. Let me show you where we're going first.

So the text here, Ojai Olive Company, and the subheading below it that shows the duration of the tour as well as the price, we're going to turn into text like this, where there's a drop shadow added to Ojai Olive Company, and the ability for the text shadow property to take multiple shadows is used to create the letterpress effect you see in the price and duration area. Alright, let's close out our final page, and get to work. So the page I have open here is tour_ details.htm, and th...

Applying CSS3 text effects
Video duration: 5m 26s 2h 30m Intermediate

Viewers:

Applying CSS3 text effects provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Typography with CSS in Dreamweaver

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...