Whats the CSS code for creating a textbox that has a small opacity then when you hover over it its opacity is greater?

Answer 1

The basic code would be to set the opacity low then make use of ':hover', in CSS this is:

.trans { opacity: 0.8; }

.trans:hover { opacity : 1; }

You can use

test

in your HTML code to test if it works.

The following code is designed to work across all browsers:

.trans

{

filter: alpha(opacity=80);

-khtml-opacity:0.8;

-moz-opacity:0.8;

opacity:0.8;

}

.trans:hover

{

filter: alpha(opacity=100);

-khtml-opacity:1;

-moz-opacity:1;

opacity:1;

}