Category Archives: text-shadow

CSS Rubber Stamp Effect

Here’s a CSS effect to add a rubber stamp type marker over existing content. It uses the pseudo element :after to add the text content to an element with the appropriate class, in this case, .sample. A few little points … Continue reading

Posted in :after, border-radius, box-shadow, css, display, opacity, positioning, rotate, text-shadow, transform | Tagged , , , | Comments Off on CSS Rubber Stamp Effect

3D Text Shadow Effects with CSS

The easiest way to create a shadow effect is to use either the text-shadow CSS property. This is very straightfoward (when supported). See the W3 Schools page for more details. TEXT <p style=”font-size: 3em; color: #c00; text-shadow: 3px 3px #ccc;”>TEXT</p> However, using … Continue reading

Posted in css, letter-spacing, opacity, positioning, text-shadow | Tagged , , , , , , , , | Comments Off on 3D Text Shadow Effects with CSS

CSS3 – Creating a Quick Effects Stylesheet

I’ve found myself using the same few CSS3 effects time and time again. Rather than recode these effects into every project I’ve created a quick effects stylesheet, a mini library, of the effects I use most often. Continue reading

Posted in border-radius, box-shadow, css, opacity, text-shadow, transform | Tagged , , , , , , , , , | Comments Off on CSS3 – Creating a Quick Effects Stylesheet