TGViewer
FrontEndDev FrontEndDev @front_end_dev · 25.8K subscribers
Post #9977 1.15K
Анимированная сетка без JavaScript и View Transitions

CSS Anchor Positioning позволяет анимировать перестройку grid при изменении размера контейнера без JavaScript и без View Transitions: элементы плавно переезжают в новые позиции и при этом анимация остаётся прерываемой во время ресайза.

https://www.bram.us/2026/09/07/animating-css-grid-layouts-with-css-anchor-positioning/
  • 🔥 4
  • ❤ 1
More from @front_end_dev
  1. Oct 2, 2026Сайт: появляется в интернете. Веб-краулер: ну здравствуй.
  2. Oct 1, 2026Что нового в HTML к середине 2026 В HTML появляются новые элементы для permissions, устано…
  3. Oct 1, 2026CSS progress() для адаптивной логики и масштабирования Новая фича CSS progress() переводит…
  4. Oct 1, 2026Anthropic запустила claude.dev — блог для разработчиков с кейсами Это не просто документац…
  5. Sep 30, 2026initial-scale в viewport больше не нужен Для современных браузеров достаточно <meta name="…
  6. Sep 30, 2026👨‍💻 Фронтенд с AI: что можно делегировать агентам Друзья, 5 октября стартует конференция…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →