使用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

属性。