[TUT] Letterpress effect with shadow

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;

<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

PixelfyStudio Team
Mick is an American theme designer for Simple Machines Forum software currently living in South Florida, USA. He runs PixelfyStudio.com and started tinkering with SMF in 2006 where he created several SMF forums of his own before he founded PixelfyStudio in 2009 to which he is dedicated full time.

PixelfyStudio.com | SimpleMachines.org


Awesome Support. Download our themes, you also get theme support.