@r_g_b_a

Как исправить анимацию?

https://jsfiddle.net/3v97fuoa/1/
При изменении ширины в меньшую сторону на брейкпоинте 768px заметно, как div плавно уходит за левую часть экрана. Я хочу, чтобы при ресайзе или повороте экрана он моментально исчезал без какой либо анимации. Она нужна только после нажатия кнопки.
Возможно это исправить средствами css?

P.S. Я исправил проблему, переделав сдвиг блока с помощью left, а не translateX https://jsfiddle.net/wy8szudc/. Но почему это сработало?
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 2
@V0vash
НАшКОДИЛ
@media (max-width: 768px) {
  div {
    transition: transform 0;
    position: static;
    height: 50px;
  }
}
}


Ответ написан
profesor08
@profesor08 Куратор тега CSS
Раз надо только при нажатии, тогда убирай все css транзиции и используй Web Animations API
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы