How to create Skype-like buttons using jQuery

If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. I love that animation. And that’s why I’m going to show you how to create the same button using jQuery and some simple CSS. View demo If you are not sure what button am I talking about, image below might help you. And this is how our

[cpw]

ジャンプするボタン

[horie1024]

アイコンが飛び跳ねる効果

[s5-style]

マウスのホバー時に、ふんわりとバウンドするモーションをつけるスクリプト

[keita_i]

ボタン　アニメーション

[hiro_y]

マウスオーバーでアイコンが跳ねる/ジャンプするような効果を。

[gamenou]

アニメーションボタン