2011-12-16 22 views
21

明らかなものがありません。しかし、1つの要素への移行はここでは機能しません。スケール上のCss3トランジション

ここに私のコードです。

#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; 
} 

答えて

39

あなたが持っているあなたの

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

を切り替えます。私はそれが問題だと仮定しなければならない。