Question

我的按钮链接只是html中的链接，带有css中的背景图片。在CSS中，我还有图像的尺寸，以便显示整个图像。

每当鼠标悬停在图像上时，我希望图像缩小到95％。我有a：悬停css，但是将尺寸更改为95％则没有。

有一种简单的方法吗？

您可以在http://granthoneymoon.com/temp.html看到示例页面，导航按钮位于标题内的顶部。

Answer 1

这应该有效：

a { transition: transform 0.5s; }
a:hover { transform: scale(0.95); }

您可以将0.5更改为最适合您的时间。此外，您还需要为较旧的浏览器版本添加特定的-webkit-，-moz-和-o-前缀。