CSS转换不适用于顶部，底部，左侧和右侧

我有一个风格的元素

position: relative; transition: all 2s ease 0s; 

然后我想在点击它之后顺利地改变它的位置，但是当我添加样式改变时不会发生转变，而是元素立即移动。

 $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); 

但是，如果我改变color属性，例如，它会顺利改变。

 $$('.omre')[0].on('click',function(){ $$(this).style({color:'red'}); }); 

这可能是什么原因？ 有没有“过渡性”的属性？

编辑 ：我想我应该提到，这不是jQuery，这是另一个图书馆。 代码似乎按预期工作，风格正在添加，但过渡只适用于第二种情况？

Answer 1

尝试在CSS中设置一个默认值（让它知道你想从哪里开始）

CSS

 position: relative; transition: all 2s ease 0s; top: 0; /* start out at position 0 */ 

Answer 2

也许你需要在你的css规则集中指定一个最高值，以便它知道什么值来进行animation处理。