/ Toggle

A cold or hot toggle switch

A cold or hot toggle switch

COLD-HOT TOGGLE SWITCH

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.

Made with

HTML / CSS

Author

Jon Kantner

Demo

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

CodeTea

A Nice collection of often useful examples done in HTML JavaScript CSS.

Read More