F

FRONT | Фронтенд | JavaScript | CSS | TanStack Start | React 19.3 | JPEG XL | Next.js 16.4 | View Transitions | Bun 1.4

IT и технологии · 13 августа 2026 г.

Открыть канал в MAX

Элемент с display: none раньше появлялся рывком. Теперь хватает двух строчек CSS.

Элемент с display: none раньше появлялся рывком. Теперь хватает двух строчек CSS. transition-behavior: allow-discrete разрешает переход для display, а @starting-style задаёт состояние «до показа». Добавили класс .open — меню плавно проявилось и выехало на место. Работает в Chrome/Edge 117+, Safari 17.5+ и Firefox 129+. А вот скрытие в Firefox не анимируется — display выключается мгновенно.