TGViewer
FrontEndDev FrontEndDev @front_end_dev · 25.8K subscribers
Post #9454 5.27K
CSS лифт: конечный автомат на чистом CSS для навигации по этажам

Как при помощи современных возможностей CSS можно создать полнофункциональный лифт с перемещением между этажами без JavaScript.
Интерфейс работает как конечный автомат: пользователь выбирает этаж, и благодаря состояниям CSS лифт «понимает», куда ему двигаться.

https://css-tricks.com/css-elevator-a-pure-css-state-machine-with-floor-navigation/
  • ❤ 12
  • 👍 4
  • 🔥 4
More from @front_end_dev
  1. Oct 2, 2026Сайт: появляется в интернете. Веб-краулер: ну здравствуй.
  2. Oct 2, 2026Анимированная сетка без JavaScript и View Transitions CSS Anchor Positioning позволяет ани…
  3. Oct 1, 2026Что нового в HTML к середине 2026 В HTML появляются новые элементы для permissions, устано…
  4. Oct 1, 2026CSS progress() для адаптивной логики и масштабирования Новая фича CSS progress() переводит…
  5. Oct 1, 2026Anthropic запустила claude.dev — блог для разработчиков с кейсами Это не просто документац…
  6. Sep 30, 2026initial-scale в viewport больше не нужен Для современных браузеров достаточно <meta name="…
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 →