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!!

Code Select Expand

<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

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!!

Code Select Expand

<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

[TUT] Add a floating "donate" link to your downloads page

[TUT] Add a neat membership page with description

[TUT] Awesome corner ribbons

[TUT] How To Display Facebook, Twitter & Feedburner Subscriber Count In Text