我的按钮链接只是 html 中的链接,带有 css 中的背景图像。在 CSS 中,我还有图像的尺寸,以便显示整个图像。
我希望每当鼠标悬停在图像上时图像缩小到 95%。我有 a:hover css,但将尺寸更改为 95% 却不起作用。
是否有捷径可寻?
您可以在http://granthoneymoon.com/temp.html上查看示例页面,导航按钮位于标题内的顶部。
这应该有效:
a { transition: transform 0.5s; }
a:hover { transform: scale(0.95); }
Run Code Online (Sandbox Code Playgroud)
您可以更改0.5为最适合您的时间。此外,您还需要为旧版浏览器添加特定的-webkit-,-moz-和前缀。-o-
| 归档时间: |
|
| 查看次数: |
8334 次 |
| 最近记录: |