RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconGit IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit 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