[Archived] Opacity Code

I'm not entirely sure what the code is called, but I wanted to know how to do the opacity code. It highlights/brighten/ignite if the mouse cursor is being hovered or drag on a picture.

I remembered before doing it once but I really forgot about it. The code contains a number being bracketed in order for me to adjust the contrast or brightness of the light whenever my mouse cursor passes by the images.

Well it should be like this:

Code:

[panda=css]img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

So now when you put image like

Code:

<img src="image.jpg">

and mouseover it it will have opacity effects