li100pxずつ右にスライドさせたいと思います。私の CSS 翻訳はすぐに機能しますが、アニメーションは機能しません。誰でも理由を説明できますか？JSFiddle はこちら: http://jsfiddle.net/Lux4t/1/
<ul>
<li class="ease"><a href="">Ease</a></li>
</ul>
ここに私のCSSがあります
li{
list-style: none;
margin-bottom:20px;
float:left;
clear: both;
}
li a{
color:white;
background-color:blue;
display:block;
height:100px;
width:200px;
transition-property:-webkit-transform;
}
li.ease a{
transition-timing-function: ease;
}
li:hover a{
-webkit-transform:translateX(100px);
background-color: red;
}