如何解决使用JS悬停时如何放大纯CSS菜单项?
| 我有一个纯CSS菜单,并希望提供一些视觉反馈。当光标经过一个项目时,我希望将其放大到其正常大小的110%或120%。 我只是在无序列表中使用文本,没有图像。 能容易做到吗? 更新:MS IE 7+(其他任何东西都是免费的,而且可能还是免费的)解决方法
您实际上不需要JavaScript。 CSS具有“ 0”属性,可将仿射变换应用于元素。像do1ѭ那样做。
它适用于所有最新版本的Safari和Firefox,以及IE 9和更高版本–如果您愿意使用JavaScript解决方案,则Transformie会添加对6+的支持。
我做了一个小提琴来说明(包括所有浏览器前缀版本,但我实际上并未在所有浏览器中对其进行测试,因此我可能在某些地方使用了错误的东西)。
, 最好的选择是在悬停时调整字体大小:
li:hover {
font-size : 1.2em;
}
如果您在3秒内定义完所有内容,则整个内容都会调整。如果您有静态的边距/等想要缩放,最好还是重新定义CSS中的边距,但也可以使用Chuck指出的zoom
或transform
属性。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。