Se consigue con el valor de Opacity.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="fadeinLSG.css">
</head>
<body>
<ul>
<li><a href="#"> En un lugar de la mancha</a></li>
<li><a href="#"> de cuyo nombre no quiero acordarme</a></li>
<li><a href="#"> no hace mucho que vivía</a></li>
<li><a href="#"> un hidalgo que tuvo aventuras</a></li>
<li><a href="#"> y se acabó llamando Don Quijote de la Mancha</a></li>
</ul>
</body>
</html>
------------------------------------------------------
fadeinLSG.css:
ul:hover li {
opacity: 0.4;
-moz-transition: opacity .25s linear;
-o-transition: opacity .25s linear;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear;
}
ul li:hover {
opacity: 1;
}
------------------------------------------
Más información en: http://html5tutoriales.com/85-css/122-desvanecimiento-con-css3.html
No hay comentarios:
Publicar un comentario