2011-12-16 8 views
21

Me falta algo obvio. Pero la transición en un solo elemento no funciona aquí.Transición Css3 en la escala solamente

Aquí está mi código.

#navigatore-servizi ul li a { 
    color: #fff; 
    text-decoration: none; 
    text-shadow: 0 -1px 0 #008; 
    display:block; 
    width:240px; 
    height:96px; 
    background:#000; 
    background-position: top center; 
    line-height: 96px; 
    font-family: sans-serif; 
    text-transform: uppercase; 
    text-align: center; 
    -webkit-transition: -moz-transform .3s ease-out; 
    -moz-transition: -webkit-transform .3s ease-out; 
    -o-transition: -o-transform .3s ease-out; 
    transition: transform .3s ease-out; 
} 

#navigatore-servizi ul li a:hover { 
    background-position: bottom center; 
    -moz-transform: scale(1.3); 
    -webkit-transform: scale(1.3); 
    -o-transform: scale(1.3); 
    transform: scale(1.3); 
    border-right: 10px solid #b00; 
} 

Respuesta

39

Que tenga su

-webkit-transition: -moz-transform .3s ease-out; 
-moz-transition: -webkit-transform .3s ease-out; 

conmutada. Tengo que asumir que ese es el problema.

Cuestiones relacionadas