Magnetic bento hover effect using pure CSS anchor positioning
jh3yy · x · 2026-10-02
jh3yy shares a snippet implementing a magnetic bento-card hover indicator purely with CSS anchor positioning: hovering a card sets anchor-name: --a, and an indicator element uses position-anchor plus anchor(inside) with an eased inset transition — no JavaScript needed.
More from coding & agent
- Dev says Claude Code with Opus 5.5 is 'a lot of fun': 'It was mostly in my head' — Angaisb_ · 2026-10-02
- NYT editor: AI excels at code for the exact reason it's mediocre at writing — dylfreed · 2026-10-02
- AI shifts game dev from writing code to testing and directing, vets say — AIandDesign · 2026-10-02
- Agent-Reach, Patchright Enhanced, Scrapling: 3 tools to let agents scrape any website — FinanceYF5 · 2026-10-02
- 3 open-source tools give AI agents web-scraping superpowers, even on API-less sites — FinanceYF5 · 2026-10-02
- Claude Opus 5.5 directed a 5.5-minute AI short film from one prompt in ComfyUI — Cheap_Credit_3957 · 2026-10-02