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.

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.

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 Northlight'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.

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