Cute Lamp — a springy pull-cord that wakes the light

CSS

.light {
  opacity: 0;
  transition: opacity .12s;
  filter: drop-shadow(
    0 0 40px #ffe6a3);
}
.lamp.on .light {
  opacity: 1 }

JS

// pull the cord — release to toggle
const bead = $('.bead')
bead.onpointerup = release
function release() {
  if (travel > DETENT)
    lamp.classList.toggle('on')
  spring()          // rings back
}