按鈕浮起按壓
滑鼠移入觸發懸浮浮起、按下回落，模擬真實按鍵的上下行程。
把滑鼠移到方塊上
這一條靠
:hover 觸發，頁麵載入時不會自己播。滑鼠移上去、再移開就能來回看。
參數調節
交互類動畫由滑鼠狀態驅動，時長與緩動寫在規則裡的
transition / animation 上，改成下方代碼裡的數值即可。
完整代碼
/* 按鈕浮起按壓 */
.anim-btn-lift-press {
transition: transform .18s ease, box-shadow .18s ease;
}
.anim-btn-lift-press:hover {
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(37,99,235,.35);
}
.anim-btn-lift-press:active {
transform: translateY(1px);
box-shadow: 0 2px 6px rgba(37,99,235,.3);
}