Design inspiration curated from X
reminder: you don't need duplicated text for this css text effect t... - jhey ʕ•ᴥ•ʔ
Published by jhey ʕ•ᴥ•ʔ on December 17, 2025.
Design notes
reminder: you don't need duplicated text for this css text effect text-shadow + 1lh translate span { text-shadow: 0 -1lh var(--clr); } a:is(:focus-visible, :hover) span { translate: 0 1lh; } bonus: directional awareness reveal
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 jhey ʕ•ᴥ•ʔ; 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
- jhey ʕ•ᴥ•ʔ
- X handle
- @jh3yy
- Published
- December 17, 2025
- Media
- 1 visual reference
- Views
- 43,970
- Likes
- 1,254
- Bookmarks
- 1,061