CSS Decorative Gallery

Got a Question?

Got a question that you'd like answered? Contact me and get it answered.

Wednesday, 28 May 2008 18:13

Leadin Image

Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect.

It is very easy and flexible — see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex).

View Demo Gallery

Download Demo ZIP

Posted: 2008-05-28 08:43:47

Read Full Article

Set as favorite

Bookmark

Email This

Trackback(0)

TrackBack URI for this entry