#demo #前端 #css #动画 #设计
经典键盘的实现！很酷

jhey ʕ•ᴥ•ʔ (@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 🤙

https://fixupx.com/jh3yy/status/1943132402315886934

不过这个没给demo链接，只是给了思路和展示。
代码什么的可以看看这个类似的。
Twitter | Github