Are you a Star Wars fan? Then you should check this out. Nicholas Cerminara of scotch.io has created a pure CSS3 Star Wars lightsaber built around the HTML checkbox element that you can toggle on and off. He utilizes the checkbox hack :checked ~ div to construct the lightsaber. Nicholas admitted that he created this just for fun and less for UI/UX but boy it sure looks very cool. His demo features four different lightsabers: Yoda’s, Darth Vader’s, Obi-Wan’s, and Mace Windu’s. Hit the buttons below to view more.

View More View Demo