Как правильно обратиться к параметру анимации?

Question

[Max Rudik]

Добрый день!
transition: translate(x) 1s ease-in-out; - в таком виде правило не работает.
transition: all 1s ease-in-out; - а в таком виде работает, но заодно анимирует мой параллакс, который трогать не надо!
Подскажите, кто знает, как правильно обратиться только к оси х?

Answer 1

[zuraavl]

так попробуй translateX

Answer 2

[kravchenko-me]

Нужно писать transition: transform 1s ease-in-out;

В transition первым указывается свойство, а не его значение (отдельно это можно записать еще как transition-property).
Когда ставим all, то эффект перехода применяется ко всем свойствам, поэтому 1й вариант не работает из-за ошибки в синтаксисе. А 2й вариант работает, т.к. эффект перехода применяется ко всем правилам в данном элементе, в том числе и к transform, в котором у вас задана функция translateX