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%, а затем, когда вы щелкаете мышью, он возвращается в исходное положение.

однако я понятия не имею, как это назвать, я искал укрытие, увеличивал эффекты, что только мог придумать, и я не могу найти плагин перед сборкой, чтобы сделать это, кто-нибудь знает, где найти один или выбить его? быстро?

Спасибо

Answer 1

Это может быть?

http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/

Answer 2

Вы могли бы сделать это с несколькими вещами... Вы могли видеть масштаб jquery или использовать переходы css3, или вы можете использовать библиотеку как ответ от Оскара

Answer 3

В этой статье есть плагин и как его настроить. Я думаю, что люди называют это эффектом OSX Dock.

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