Beautiful ‘Rocker Switches’ recreated in CSS3

Beautiful ‘Rocker Switches’ recreated in CSS3


Mike Bernardo (@mikebernardo) ruled Dribbble for a couple of days with his shockingly awesome rocker switches. He was creating these switches for an upcoming secret app, which we still don’t know about.

Swiss designer ‘Simurai’ (@simurai) was challenged on twitter to recreate these buttons in CSS. Simurai has been behind a lot of cool CSS3 experiments in the past — Tilt Shift text and I Love Blur being my favourites — seems to love a good challenge challenge. He took up that challenge, and presents us the same awesome switches, in pure CSS.

Check it out.