Cold-Hot Toggle Switch

See the Pen Cold-Hot Toggle Switch by jkantner (@jkantner) on CodePen.

Cold-Hot Toggle Switch

Description: Probably a 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.

Browsers: Chrome Firefox Opera Safari

Made with: HTML CSS

Posted: 8.06.2018

Similar Examples