content top

How to decorate your images using pure-CSS

Thanks to CSS, Blarnee.com clients have been able to create customized gloss styles for buttons and objects that don’t require photshop to change their colors.  The trick is to apply a transparent PNG with your effect on it on top of the div or image you are working with. This effect has a lot of potential and another developer, Nick La, has now made a great great tutorial to show you how to decorate our images and photo galleries without editing the source images. It is very easy and flexible with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex). To change the look and feel, simply edit the CSS specifications of the span element.

Bookmark and Share
Share

Related posts:

  1. How to enlarge images with jQuery Guest writer,  Jeffrey Jordan Way. I’ve created many tutorials...
  2. Browsing images by color and geometric composition At the moment, there’s a lot of focus at Pixsta...
  3. How to create impressive animations in jQuery with .animate() I’ve been asked many times over the past month...
  4. jQuery UI Animation Effects The jQuery UI Effects Core brings a few more...
  5. How to add custom missing image holders using jQuery We’ve all experienced the dreaded "red cross in a box"...

Related posts brought to you by Yet Another Related Posts Plugin.

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment