Transition

[worldd32]

Hola recien termine de ver unos tutoriales de "Transition" y trate de usarlo para cambiar el background-color y pude.
Pero cuando trate de hacerlo con el width no pude ni tampoco cuando trate de combinar Transition con Transform :/

Aca les dejo el codigo

Código PHP:

  #menu li{
    display: inline;
    padding: 4px 7px;
    margin: 0px;
    border: solid 1px white;
    border-radius: 18px;
    text-shadow: 3px 3px 5px black;
    -webkit-transition: width 2s, background-color 1s, -webkit-transform 2s;
}
 
#menu li:hover{
    background-color: black;
    width: 60px;
    -webkit-transform: rotate(360deg);
    text-shadow: 3px 3px 3px black;    
} 
   

Soy nuevo en todo esto asi que si es una estupides en la que me equivoque no se enojen jaja.

[C2am]

Hola, y bienvenido.
Te falta mostrar el html donde se aplican esos estilos.

[worldd32]

Iniciado por C2am

Hola, y bienvenido.
Te falta mostrar el html donde se aplican esos estilos.

Tenes razon, me olvide. xd

Código PHP:

          <nav id="nav">
            <ul id="menu">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="miembros.html">Miembros</a></li>
                    <li><a href="reclutamiento.html">Reclutamiento</a></li>
                    <li><a href="guias.html">Guias</a></li>
                    <li><a href="descargas.html">Descargas</a></li>
                    <li><a href="foro.html">Foro</a></li>
            </ul>
        </nav> 
   

[C2am]

Prueba reemplazando el display:inline por inline-block.

http://jsfiddle.net/c2am/dAxB6/7/

Saludos

PD: http://www.w3schools.com/css3/css3_transitions.asp

[worldd32]

Iniciado por C2am

Prueba reemplazando el display:inline por inline-block.

[url]http://jsfiddle.net/c2am/dAxB6/7/[/url]

Tenias razon, era eso.
Muchisimas gracias!!

Iniciado por C2am

PD: [url]http://www.w3schools.com/css3/css3_transitions.asp[/url]

Si si, ya habia visto esa pagina =P