{"id":383533,"date":"2025-01-15T08:03:25","date_gmt":"2025-01-15T15:03:25","guid":{"rendered":"https:\/\/css-tricks.com\/?p=383533"},"modified":"2025-01-15T08:03:58","modified_gmt":"2025-01-15T15:03:58","slug":"web-slinger-css-across-the-swiper-verse","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/web-slinger-css-across-the-swiper-verse\/","title":{"rendered":"Web-Slinger.css: Across the Swiper-Verse"},"content":{"rendered":"\n

My previous article<\/a> warned that horizontal motion on Tinder has irreversible consequences. I\u2019ll save venting on that topic for a different blog, but at first glance, swipe-based navigation seems like it could be a job for Web-Slinger.css<\/a>, your friendly neighborhood experimental pure CSS Wow.js<\/a> replacement for one-way scroll-triggered animations. I haven\u2019t managed to fit that description into a theme song yet, but I\u2019m working on it.<\/p>\n\n\n\n

In the meantime, can Web-Slinger.css swing a pure CSS Tinder-style swiping interaction to indicate liking or disliking an element? More importantly, will this experiment give me an excuse to use an image of Spider Pig<\/a>, in response to popular demand in the bustling comments section of my previous article? Behold the Spider Pig swiper, which I propose as a replacement for captchas because every human with a pulse loves Spider Pig. With that unbiased statement in mind, swipe left or right below (only Chrome and Edge for now) to reveal a counter showing how many people share your stance on Spider Pig.<\/p>\n\n\n\n\n\n\n\n