jQuery 鼠标悬停时放大

Question

我正在尝试模仿与滚动 OSX 图标底座时放大图像类似的效果，

我有这个标记。

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

<ul class="float-left">
<li class="head"></li>
<li></li>
<li></li>
<li></li>
</ul>

默认情况下，它们都设置为 200 像素宽和 14 像素字体大小。

我希望当您将鼠标悬停在其中一个 UL 上时，它会对其进行动画处理，以将其宽度和文本大小放大约 20%，然后当您将鼠标移开时，它会返回到其原始位置。

但是我不知道该怎么调用它，我已经搜索了 coverflow，放大效果任何我能想到的东西，并且我无法找到预构建插件来执行此操作，有人知道在哪里可以找到吗或者快速敲一个？

谢谢

Answer 1

本文有一个插件以及如何设置它。我认为人们将此称为 OSX Dock 效果。

http://ndesign-studio.com/blog/css-dock-menu