HTML source code
<html> <body> <a class="op00" href="http://www.zetakey.com"> <img src="img/menu7-on.jpg" alt="7" /></a> <a class="op02" 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="op08" 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> </body> </html>
CSS source code
@charset "utf-8"; body, p, img, a, div{ margin:0; padding:0;border:0;padding:0;} p, a{ background-color: blue; color: green;} body{ display: block;background-color: black; width:100%;} h3{color: white;} .op02 {opacity: .2;} .op05 {opacity: .5;} .op08 {opacity: .8;} .op00 {opacity: 0;} .op10 { opacity: 1;} img {opacity: .5;} a:hover img, a:focus img{margin:0; padding:0;border:0;padding:0;text-decoration: none; opacity: 1;}
