TGViewer
FrontEndDev FrontEndDev @front_end_dev · 25.8K subscribers
Post #9486 4.77K
Создаём анимированные аккордеоны на основе Details

Как создавать продвинутые аккордеоны исключительно с помощью HTML и современного CSS. Применяем элемент <details> и новые CSS-свойства interpolate-size и transition-behavior для плавной анимации раскрытия контента.

https://www.builder.io/blog/animated-css-accordions?utm_campaign=Issue-609
  • 👍 10
  • ❤ 2
  • 👎 1
More from @front_end_dev
  1. Sep 30, 2026initial-scale в viewport больше не нужен Для современных браузеров достаточно <meta name="…
  2. Sep 30, 2026👨‍💻 Фронтенд с AI: что можно делегировать агентам Друзья, 5 октября стартует конференция…
  3. Sep 30, 2026Dropzone.js для загрузки файлов с превью Dropzone.js упрощает drag and drop загрузку файло…
  4. Sep 29, 202610 AI-slop проверок во фронтенде Набор проверок, которые помогают ловить ошибки в AI-сгене…
  5. Sep 29, 2026Vitest 5 ускоряет тесты и отладку Vitest 5 заметно ускоряет прогон тестов, особенно в боль…
  6. Sep 28, 2026Как связать HTML-атрибуты и CSS без классов Container style queries и advanced attr() позв…
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 →