Home / Frontend Codes and Demos / CSS Code Demos / Light Bulb Toggle Button
Light Bulb Toggle Switch

A custom checkbox that features a light bulb’s on/off state in the fashion of a toggle switch.

Light Bulb Toggle Button

Light Bulb Toggle Switch

A custom checkbox that features a light bulb’s on/off state in the fashion of a toggle switch.

Demo

Author jkantner
Hits
Created MARCH 26, 2018
Compatible browsers Chrome, Firefox, Safari

Toggle the Bulb button with beautiful animation using only CSS and HTML. Developed by Jon Kantner and created on MARCH 26, 2018

Light Bulb Toggle Switch Snippet

See the Pen Light Bulb Toggle Switch by Jon Kantner (@jkantner) on CodePen.

About CV

I'm frontend developer

Check Also

Naturalized Checkbox Toggle Switches

This demo is a response to a post by Marcus Connor addressing confusion with checkbox …