Neon and glowing CSS buttons
Neon buttons glow by stacking several box-shadow and text-shadow layers in the same bright colour, from a tight inner glow to a wide soft halo. They work best on dark backgrounds.
Get started
Get started
Get started
Get started
Get started
Engage
Power up
Continue
Ignite
Join now
Play
Enter
Tips for neon & glow CSS buttons
Use one saturated colour per button and let the shadows do the work. Two or three shadow layers are usually enough, and more just costs paint time. Brighten the glow on hover instead of moving the button for a "power on" feel.
Click any button above to get its CSS and HTML, or open the editor to tune the colours, font, shadows and hover animation and copy your own version.