I'm opacity 0
I'm opacity 0.2
I'm opacity 0.5
I'm opacity 0.8
I'm opacity 1
HTML source code
<html> <body> <a class="op00" href="http://www.zetakey.com"> <img src="img/menu7-on.jpg" alt="7" /></a> <a class="op05" href="http://www.zetakey.com"> <img src="img/menu7-on.jpg" alt="7" /></a> <a class="op10" href="http://www.zetakey.com"> <img src="img/menu7-on.jpg" alt="7" /></a> <p class="op00">I'm opacity 0</p> <p class="op02">I'm opacity 0.2</p> <p class="op05">I'm opacity 0.5</p> <p class="op08">I'm opacity 0.8</p> <p class="op10">I'm opacity 1</p> </body> </html>
CSS source code
body, p, img, a, div{ margin:0; padding:0;border:0;padding:0;} p, a{ background-color: blue; color: white;} h3{color: white;} body{ display: block;background-color: black; width:100%;} .op02 {opacity: .2;} .op05 {opacity: .5;} .op08 {opacity: .8;} .op00 {opacity: 0;} .op10 { opacity: 1;}
