“创建精美的悬停效果：寻求按钮/链接 CSS 过渡的指导”

Question

实现平滑 CSS 过渡或动画以实现按钮或链接上的悬停效果的最佳方法是什么？需要确保完美的用户体验。谁能提供实现这种精美效果的代码示例和技巧吗？

我尝试使用 CSS 过渡在按钮上实现悬停效果。这是我当前的 CSS 代码片段：

目前，悬停效果正在发挥作用，但我正在寻求有关如何使过渡更加微妙和完美的建议。我希望当鼠标悬停在按钮上时，按钮的背景颜色能够平滑地过渡到稍微不同的阴影。

Answer 1

这完全取决于你想要达到什么效果。在您的示例中，您需要在悬停颜色上创建更多视觉层次结构。尝试将其变暗 30%。