Задать вопрос
enkomium
@enkomium

Почему не работает анимация transform: translateX?

Если сделать анимацию по свойству "left" то картинка анимируется, а вот на translateX работать не хочет почему так?
639b11aeb192a003514238.jpeg639b11b27368d011997484.jpeg639b11b77de8f035199494.jpeg639b11bc0a60c522634507.jpeg
  • Вопрос задан
  • 305 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@its2easyy
transform на элементе применяется только одной записью, поэтому применяется только сначала translate, а потом rotate его перезаписывает. А left это отдельное свойство, поэтому оно работает одновременно. Нужно все трансформации в одной записи указывать,
transform: translate(-100px) rotate(360deg), либо добавлять к элементу обертку, и второй трансформ вешать на неё.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы