CSS Transition не работает с верхним, нижним, левым, правым

У меня есть элемент со стилем

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'});
});

Что может быть причиной этого? Существуют ли свойства, которые не являются "переходными"?

EDIT: Я думаю, я должен был упомянуть, что это не jQuery, а другая библиотека. Кажется, что код работает так, как предполагалось, стили добавляются, но переход работает только во втором случае?

Ответ 1

Попробуйте установить значение по умолчанию в css (чтобы сообщить ему, где вы хотите его запустить)

CSS

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

Ответ 2

Возможно, вам нужно указать верхнее значение в вашем наборе правил css, чтобы он знал, какое значение нужно оживить.