Design inspiration curated from X
dynamic toggle with CSS :has() .control:not(:has(:first-of-type:che... - jhey ▲
Published by jhey ▲ on April 25, 2025.
Design notes
dynamic toggle with CSS :has() .control:not(:has(:first-of-type:checked)) .indicator { translate: 100% 0; } leverage [type=radio]:checked with :has() to set the visuals
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
- April 25, 2025
- Media
- 1 visual reference
- Views
- 80,088
- Likes
- 1,486
- Bookmarks
- 945