CodePen

Loading ..................

Pure CSS button switch

Description

Inspired by Diego Monzon's work on Dribbble : http://dribbble.com/shots/388701-Blue-Ice-User-Interface.
What do you think, does it look good ? Are there some disturbing shadows ?

Tags

  1. css
  2. ui
  3. light
  4. button
  5. single element

Comments

  1. funny, maybe cast a shadow behind the flickred switch would be nice, looks good but you still need the light to really know on or off.

    Awesome job.

  2. good idea to detect mouse hit on DOM elements :)

  3. Very nicely done. I spared myself the job of putting this one in css: http://psd.tutsplus.com/tutorials/interface-tutorials/plastic-switch-photoshop/ But you did a marvelous job here.

Leave a Comment Markdown supported. Double-click names to add to comment.

  • 7962 Views
  • 12 Comments
  • 117 Hearts
Loading...
Loading...