マウスオーバーすると、ふわっとアイコンが浮き上がって、マウスアウトですっと下に落ちます。落ちた時のバウンドも実装されているので、有機的でとても気持ちいいですね。

kanariia のブックマーク 2009/08/10 02:09

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/15225353/comment/kanariia" data-user-id="kanariia" data-entry-url="https://b.hatena.ne.jp/entry/blog.creamu.com/mt/2009/08/jquery_14.html" data-original-href="http://blog.creamu.com/mt/2009/08/jquery_14.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.creamu.com%2Fmt%2F2009%2F08%2Fjquery_14.html" data-user-icon="/users/kanariia/profile.png">jQueryで作るリアルなホーバーエフェクト – creamu</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/ui">ui</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/jquery">jquery</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/animation">animation</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/navigation">navigation</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/plugin">plugin</a>]</li></ul><br><p style="clear: left">マウスオーバーすると、ふわっとアイコンが浮き上がって、マウスアウトですっと下に落ちます。 落ちた時のバウンドも実装されているので、有機的でとても気持ちいいですね。</p><a class="datetime" href="https://b.hatena.ne.jp/kanariia/20090810#bookmark-15225353"><span class="datetime-body">2009/08/10 02:09</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！