10 Resources For Text Shadow Property With CSS

10 Resources For Text Shadow Property With CSS

In web platform CSS text shadow property is very popular among web designers and front-end developers. In this post, we have take a look at 10 resources to get the most out of the text shadow CSS property.

– Super awesome buttons with CSS3

Super awesome buttons with CSS3

CSS buttons are very cool and they are a nice way to use your CSS3 skills. In this great tutorial, you’ll learn how to create stunning buttons using text-shadow and a few other CSS3 properties.

– Acid text effect using text-shadow

Acid text effect using text-shadow

Another nice text effect created using the text-shadow property. The page is in German, but fortunately everyone can understand the CSS code.

– Photoshop like effects using CSS

Photoshop like effects using CSS

Some browsers allow multiple values to the text-shadow property, which allow you to create effects like this one. I don’t think I’ll implement that kind of effect on any of my websites, but I’m happy to know how I can do it.

– Text embossing technique with CSS

Text embossing technique with CSS

Text embossing is very popular in the world of web design and front-end web development. Indeed, even if I’m quite bored to see it on so many websites, it looks very nice. it is also very easy to implement. Just read this tutorial and you’ll know how to do it.

– Mootools text drop shadow

Mootools text drop shadow

When you need full cross-browser compatibility and still want to use CSS3 properties, JavaScript is always here to help. This tutorial will show you how to recreate the text-shadow CSS property using the MooTools JavaScript framework.

– Cross browser text shadow

Cross browser text shadow

The filter non-standard property, which has been created by Microsoft, can fix some compatibility issues with IE 6, 7 and 8. interesting article will show you how to efficiently use the filter property to create text effects similar to those you can get with text-shadow.

– Realtime Lighting Demo with CSS text shadow

Realtime Lighting Demo with CSS text shadow

Using the text-shadow CSS property as well as some JavaScript, humorous experimental effects can be created. If you haven’t already, you can definitely say goodbye to Flash.

– Improve the Quality of Bold Text in Safari with text shadow

Improve the Quality of Bold Text in Safari with text shadow

Although Mac OS X has a pretty good font rendering engine, bold text in Safari is often a bit dirty. Did you know that by using the text-shadow property you can create beautiful bold text? This article will show you how to.

– Creating cross browser compatible CSS text shadows

Creating cross browser compatible CSS text shadows

Since text-shadow is a part of CSS3, some browsers (who said IE) have not implemented it yet, and some hacks need to be used to make it work properly.

– Create a Letterpress Effect with CSS Text Shadow

Create a Letterpress Effect with CSS Text Shadow

Let’s start this list of tutorials with one that will definitely show you the potential of the text-shadow property. In this tutorial, you’ll learn how to create a stunning (and very popular these days) text effect using CSS and the text-shadow property.

Share It

Related Posts