Photo Opacity with Hover Effect Using CSS

Want to add some spice to your online photo gallery? Use this hover effect to make photos opaque and then normal!

This is a simple tutorial that can be found through the W3 website for CSS. To make images go from this

klematis to this klematis, simply put this code within your CSS style sheet, use your preference to change the settings and vuala! You have just added a cool feature to your photo gallery. Note: you must insert an image for this tutorial to work!

filter:alpha(opacity=40); /* For IE8 and earlier */

by: Felice Amoo-Achampong

~ by feliceamoo on October 7, 2012.

%d bloggers like this: