Light Bulb Toggle Button

March 27, 2018

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.

Tags: animation, Bulb Toggle, Button, inputs, switch, Toggle, Toggle Button, Toggle Switch, Toggle Switches

Categories: CSS Code Demos

Author
Recent Posts

W3TWEAKS

Chief Content Editor at w3tweaks.com

Vimalraj Chinnaiyan is the main content person at W3Tweaks.com. He lives in the USA and has worked for more than 10 years in making websites look and work well. This experience makes him an expert in front-end development.

At W3Tweaks, Vimalraj ensures that all the content is helpful, clear, and trustworthy. He understands what readers need and makes sure the website gives accurate and easy-to-use information. With Vimalraj’s guidance, W3Tweaks.com has become a reliable place for people to learn about web design and development.

Light Bulb Toggle Button

Light Bulb Toggle Switch Snippet

Comments

Leave a Reply Cancel reply