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