Category Archives: positioning

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