按钮 3D 按压
鼠标悬浮触发底部厚边做成立体按键，按下时厚边变薄。
把鼠标移到方块上
这一条靠
:hover 触发，页面加载时不会自己播。鼠标移上去、再移开就能来回看。
参数调节
交互类动画由鼠标状态驱动，时长与缓动写在规则里的
transition / animation 上，改成下方代码里的数值即可。
完整代码
/* 按钮 3D 按压 */
.anim-btn-3d-press {
box-shadow: 0 6px 0 #1e40af;
transition: transform .12s ease, box-shadow .12s ease;
}
.anim-btn-3d-press:hover {
transform: translateY(-2px);
box-shadow: 0 8px 0 #1e40af;
}
.anim-btn-3d-press:active {
transform: translateY(4px);
box-shadow: 0 2px 0 #1e40af;
}