Design inspiration curated from X
A CSS-only elastic hover effect, because why not? https://css-tip.c... - CSS by T. Afif
Published by CSS by T. Afif on February 3, 2026.
Design notes
A CSS-only elastic hover effect, because why not? https://css-tip.com/elastic-hover/ A chrome-only experiment using shape(), sibling-index(), linear(), etc.
This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.
Image rights and licensing remain with CSS by T. Afif; use the original X post for source and licensing inquiries.
Deep Clone · React 19 + Framer Motion
Interactive Sandbox & Production Code
Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.
Reference details
- Creator
- CSS by T. Afif
- X handle
- @ChallengesCss
- Published
- February 3, 2026
- Media
- 1 visual reference
- Views
- 14,297
- Likes
- 199
- Bookmarks
- 126