Here’s a tutorial on how to pull off a pretty neat trick with CSS to “decorate” images on a website. Want a nice frame or thumb-tack on your gallery’s thumbnails? A little bit of CSS code and a transparent PNG is all you need. Here’s the CSS tutorial from WebDesignerWall.

The same designer has a very similar tutorial on creating gradient effects on web text (really, its the exact same concept). Although I found it amazing at first, when looking at the demos again, it seems to bring out the text aliasing…

Another neato CSS trick is the “blurry background”. A first, I thougt it was a trick similar to the one’s above, but its nothing like it. It’s basically two backgrounds, one blurry, one crisp and clear, and a little-known CSS property for backgrounds called “fixed”. Confused? Read the how-to here.

Tags: background, css, gallery, gradient, html, text effects

This entry was posted on Saturday, May 16th, 2009 at 7:05 pm and is filed under Web design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.