keypad w/ CSS + <img> layers 🧑‍🍳 .key { mask: url(keycap.png); } .key:active im… — @jh3yy

keypad w/ CSS + <img> layers 🧑‍🍳 .key { mask: url(keycap.png); } .key:active img { translate: 0 20%; } use keycap images as a mask for the container that they translate in ✨ bonus: clip-path to clip the hit area + filter to style the keys 🤙

saved by

• Jaryd Diamond