Hand-picked HTML and CSS code examples, tutorials and articles
CSS Gallery, jQuery plugins

Light Bulb Toggle Switch

Light Bulb Toggle Button

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


Author jkantner
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.