Instant CSS
Tools
Templates
Components
Tailwind Components
Animations
Learn
More
Glow
Animation
Neon glowing effect.
Reset to Default
HTML
Copy HTML
<button class="glow-btn">Glow</button>
CSS
Copy CSS
.glow-btn { padding: 12px 24px; background-color: #10b981; color: white; border: none; border-radius: 8px; font-size: 16px; cursor: pointer; animation: glow 2s ease-in-out infinite alternate; } @keyframes glow { from { box-shadow: 0 0 10px #10b981, 0 0 20px #10b981; } to { box-shadow: 0 0 20px #10b981, 0 0 30px #10b981, 0 0 40px #10b981; } }
Live Preview
Glow
Tip:
Edit the HTML or CSS on the left to instantly see changes in the preview.