Hola a todos, tengo un boton en mi web que me gustaria animar con un fade in y un fade out al pasar el raton pero no lo consigo, he visto cosas por internet pero no se aplicarlo a mi codigo que es el siguiente:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>prueba boton</title>
<style type="text/css">
#boton a:hover {
background-position: -107px 0%;
}
#boton a {
background: url(images/boton.gif) no-repeat 0% 0px;
display: block;
height: 49px;
width: 107px;
font-size: 49px;
line-height: 49px;
}
#boton {
visibility: visible;
position: absolute;
left: 12px;
top: 81px;
z-index: 1;
width: 107px;
height: 49px;
}
html, body {
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
}
</style>
</head>
<body>
<div id="boton"><a href="boton1.html" title="boton 1"></a></div>
</body>
</html>