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

Question

r_g_b_a @r_g_b_a

CSS

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

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

P.S. Я исправил проблему, переделав сдвиг блока с помощью left, а не translateX https://jsfiddle.net/wy8szudc/. Но почему это сработало?

Вопрос задан более трёх лет назад
111 просмотров

3 комментария

Подписаться 2 Простой 3 комментария

у меня на многих проектах так, не вижу в этом проблемы
Выглядит, как недоработка. Уменьшаем ширину сайта и внезапно ниоткуда появляется мобильное меню, которое плавно уезжает за пределы экрана.
r_g_b_a, да никто никогда не ресайзит окно. Максимум смена ориентации, что тоже настолько редкое явление, что этим можно пренебречь

Answer 1 · 2020-12-18 10:50:30

Воващ @V0vash

@media (max-width: 768px) {
  div {
    transition: transform 0;
    position: static;
    height: 50px;
  }
}
}

Ответ написан более трёх лет назад

2 комментария

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

Войдите на сайт