List element fade

by karthick Chandran

HTML

<h2> Foo  <a href = "http://www.google.com" target = "_blank">Link</a>  </h2>
<h2> Foo2 <a href = "http://www.stackoverflow.com" target = "_blank">Link</a> </h2>
<hr>

<h2>Index</h2>

<ol>
<li><a href = "#images">photo</a></li>
<li><a href = "#video">Video</a></li>
<li><a href = "#videogame">Videogame</a></li>
</ol>

CSS

li
{
list-style-type:none;
}


a
{
clear:both;
color: #0db9d2;
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
transition:opacity .25s ease-in-out;
-webkit-transition:opacity .25s ease-in-out;
-moz-transition:opacity .25s ease-in-out;
}

a:visited{
color: #28548d;
}

a:hover{
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
}