CSS3 propiedad transform

[artforhum]

pzin tienes toda la razón! jeje, aquí va el código:

HTML:

Código HTML:

<nav>
            <ul>
                <li id="proyecto"> 
                    <a id="proyecto-a" href="#"> Proyecto </a>                  
                </li>
            </ul>
        </nav>
 

(solo pongo un enlace para no alargar)

CSS:

Código CSS:

nav li#proyecto{
        background:url('img/main-proyecto.png') no-repeat;
        }
nav li#proyecto:hover{
        background:url('img/hover-proyecto.png') no-repeat;
        -webkit-transform:rotate(25deg);
        -moz-transform:rotate(25deg);
        }
nav li a:hover{
        -webkit-transform:none;
        -moz-transform:none;
        }