TGViewer
FrontEndDev FrontEndDev @front_end_dev · 25.9K subscribers
Post #9907 3.73K
Ховер близости в CSS для сетки без JavaScript

Показываем эффект hover proximity: при наведении на элемент в CSS grid, элемент масштабируется и также стили применяются к соседним ячейкам с учетом их координат. Реализация опирается на современные возможности CSS, включая view-timeline, кастомные свойства и условное применение стилей, сохраняя отзывчивость сетки.

https://blog.master.dev/hover-proximity-using-modern-css/
  • ❤ 8
  • 👍 3
  • 😱 3
  • ❤‍🔥 2
  • 🔥 1
More from @front_end_dev
  1. Sep 22, 2026Как Next.js закрыл 1500 issue за месяц Команда Next.js показала рабочий пайплайн для разгр…
  2. Sep 21, 2026CSS Anchor Positioning для тултипов и меню Anchor Positioning решает старую боль интерфейс…
  3. Sep 21, 2026Серверный 1v1 на Cloudflare Durable Object Разбор того, как держать 60Hz серверную симуляц…
  4. Sep 20, 2026Cordis делает плагины основой архитектуры Cordis предлагает собирать JS/TS-приложение не в…
  5. Sep 19, 2026Blume превращает Markdown в сайт документации Blume собирает папку с Markdown в готовый do…
  6. Sep 19, 2026Как ускорить сайт при блокировках Пост про шесть практических мер, которые помогают сайту…
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 →