Design inspiration curated from X

one way w/ css stack an image 2x filter 1st, unclip 2nd on :hover a... - jhey ʕ•ᴥ•ʔ

Published by jhey ʕ•ᴥ•ʔ on February 6, 2026.

one way w/ css stack an image 2x filter 1st, unclip 2nd on :hover a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hov...

Design notes

one way w/ css stack an image 2x filter 1st, unclip 2nd on :hover a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }

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 jhey ʕ•ᴥ•ʔ; use the original X post for source and licensing inquiries.

Reference details

Creator
jhey ʕ•ᴥ•ʔ
X handle
@jh3yy
Published
February 6, 2026
Media
1 visual reference
Views
16,364
Likes
394
Bookmarks
264