RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks Icon
adam@GUIchallenges
noteshows

Thinking on ways to make a Comparison component

In this GUI Challenge, I use grid, masks and an <input type="range"> to stack and compare 2 elements and their contents.

watch · demo · source

GUI Challenges character next to a preview of the comparison component showing 2 images

Crawl the CSS Webring