🎬 5 interactive button effects that respond to clicks
with fire, blinds, decisions, confetti and shatter.
Pure CSS + vanilla JavaScript. No libraries, no frameworks.
Copy, paste, customize in minutes.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎯 WHAT'S INSIDE
01 — BURN AWAY 🔥
Click — the button burns out left to right with sparks
and smoke. After 1 second it auto-materializes back.
02 — NEON BLINDS 🎰
Click — 6 slats roll up revealing a cyan layer.
Click again — they roll back down. Pure 3D tilt.
03 — SPLIT DECISION 💜
Click "CHOOSE" — splits into YES / NO.
YES expands to full width. NO shakes and refuses.
04 — CONFETTI POP 🎉
Every click — jump + ring flash + confetti burst +
new word + shifted button color. Addictive!
05 — SHATTER 💥
Click anywhere — cracks radiate from impact point,
shards fall with gravity, button respawns.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎁 WHAT YOU GET
✅ 5 complete effects (HTML + CSS + JS)
✅ Showcase page (all buttons + arrow navigation)
✅ Fully commented code in English
✅ Standard size: 190 × 57 px
✅ Black-background ready
✅ Personal & Commercial license
✅ Free lifetime updates
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🛠 HOW TO USE
1. Unzip the archive.
2. Open any button folder.
3. Copy index.html + style.css + script.js
to your project.
4. Customize colors / timing / size in code.
5. Open showcase/index.html to see all 5 live.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚡ OTHER PACKS
Vol.1 — Neon & Glow (5 effects):
https://shopcodex.sell.app/product/neon-glow-buttons-vol1
Vol.2 — Cinematic FX (5 effects):
https://shopcodex.sell.app/product/cinematic-fx-buttons-vol2
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
License: personal & commercial use.
Unlimited projects. No reselling the source code.
Questions? Contact via shopcodex.sell.app