我们已经创建了按钮在其常规状态下的外观，但是这样的 3D 按钮迫切需要一个“按下”状态。我们所做的是在 :hover 和 :focus 上为按钮添加更深的颜色。然后对于 :active（按下），我们移除一些 box-shadow 并使用相对定位将其向下和向右稍微移动。就这么简单，现在当您点击按钮时，它会提供一个非常明显且令人满意的体验。
有一点需要注意：当您使用 top/left/bottom/right 值调整相对定位时，如果将来需要绝对定位元素，则必须小心。您可能会遇到一些疯狂的跳跃，因为 top/left/bottom/right 在绝对定位中的含义与在相对定位中的含义大不相同。