Css -Webkit变换转换未设置动画

我想让

li

逐渐向右滑动100px。我的CSS翻译可以立即工作，但动画不能。有人能解释为什么吗？ 请点击此处：

---

转换属性

是

转换

的一部分（简称）<代码>转换属性也需要

转换持续时间

才能工作。使用

transition

，这样更容易编写

CSS

li a {
    color:white;
    background-color:blue;
    display:block;
    height:100px;
    width:200px;
    transition:-webkit-transform 1s;
}

---

见

已解决：需添加

过渡持续时间：3s到我的
li a
css
 谢谢，这很有效。但过渡性质是一种性质。我想知道为什么我的版本不起作用…我第一次认真地看到O_O。
转换属性
是一个属性。。。怪哈哈，我们同时发现了：P
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;
}

li a {
    color:white;
    background-color:blue;
    display:block;
    height:100px;
    width:200px;
    transition:-webkit-transform 1s;
}