Site icon WebArtDeveloper

COLD-HOT TOGGLE SWITCH

Author:

  • Jon Kantner

Made with:

  • HTML / CSS

About the code:

This is probably a very cool and amazing toggle switch concept that no one has tried before. This one is for temperature—options being cold or hot. The idea is to portray the handle as an ice cube for cold and a flame for hot. For hot, the cube moves right and melts at the same time, and a rising flame moves along with it. For cold again, the water forms back into a cube while moving left, and the flame dies while moving with it.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: 

Download Demo and Code
Exit mobile version