我想通过CSS转换来动画化元素的位置变化,但是即使我在所有属性上使用转换也不起作用,如下例所示:
http://jsfiddle.net/yFy5n/3/
但是,我不希望我的最终解决方案应用到所有属性的转换,而只是在位置更改.所以颜色变化应该是瞬间的,只有从左到右的位置变化应该是动画的(与现在发生的相反).
解决方法
你忘了定义左边的默认值,所以它不知道如何动画.
.test { left: 0; transition:left 1s linear; }