[TUT] Letterpress effect with shadow

by Mick in Tutorials on 24 Jun 2012



The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it?s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!

The code!!
<style type="text/css">

h2 {

font: 70px Tahoma, Helvetica, Arial, Sans-Serif;
        color: #333;
        text-shadow: 0px 2px 3px #555;
}
</style>

<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy.</h2>


Demo: http://idesign360.com/community/index.php/page,page2843.html
Mick is an American theme designer for Simple Machines Forum software currently living in South Florida, USA. He runs idesignSMF and started tinkering with SMF in 2006 where he created several SMF forums of his own before he founded idesignSMF in 2009 to which he is dedicated full time.
    
0 Comments

Get more stuff like this

Subscribe to our mailing list and get interesting content and updates.