PURE CSS ◆ NO JS SPECIMEN Nº 001 — THE LIKE BUTTON PROPULSION: :checked

Exhibit A · checkbox-powered ordnance

SmashthatLike.

One hidden <input type="checkbox">. Zero JavaScript. Fourteen particles, three runaway hearts, a shockwave and a comic-book flash — every last bit of it fired by :checked. Click it twice: it reloads.

  • ENGINE1 × checkbox, 0 × scripts
  • PAYLOAD♥ ×3 · confetti ×14 · shockwave ×1
  • SIDE EFFECTSmild euphoria, urge to unlike
STATUS ARMEDLIKED ♥

Click it — or Tab to it & hit Space Nice. Click again to unlike & reload