Category Archives: opacity

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

Nintendo Wii Menu Style Hover Buttons with jQuery and CSS3

I’ve tried to replicate the large menu buttons used on the Nintendo Wii Menu using CSS3 and jQuery for the animation. Continue reading

Posted in animate(), css, JavaScript, jQuery, opacity, Uncategorized | Tagged , , , , , , , , , , , | Comments Off on Nintendo Wii Menu Style Hover Buttons with jQuery and CSS3