Apply CSS Transparency to Images

To apply CSS transparency to images add the following properties and values to the appropriate CSS selectors. An image without any filters applied to it has an opacity of 1.0. If an image has 30% opacity it also has 70% transparency. Hover your mouse over the image below for an example.

a.transthumb img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

a.transthumb:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

Orange Mug

One thought on “Apply CSS Transparency to Images”

Leave a Reply

Your email address will not be published. Required fields are marked *