CSS creating transparent images

CSS Image Transparent/opaque

CSS opacity properties are part of the CSS3 recommendations of the Consortium.
Create a transparent image-hover effect creates a transparent image
The transparency of properties in CSS3 is opacity.
Img
{
opacity:0.4;
Filter:alpha (OPACITY=40); /* IE8 and earlier versions */
}
Ie9,firefox,chrome,opera, and the Safari browser uses transparency properties to make the image opaque. The Opacity property value is from 0.0-1.0. Lower values make the elements more transparent.
IE8 and earlier versions use filters: Alpha (opacity= x). X the value that can be taken is from 0-100. Lower values make the elements more transparent.

Transparency of images-hover effect
CSS style:
Img
{
opacity:0.4;
Filter:alpha (OPACITY=40); /* IE8 and earlier versions */
}
Img:hover
{
opacity:1.0;
Filter:alpha (opacity=100); /* IE8 and earlier versions */
}

<! DOCTYPE html>
　　
CSS creating transparent images