Mac OS X Dock風のFish EyeメニューをCSSだけで実装するサンプル。拡大・縮小のアニメーションはなし。IE7+、Fx3+、Chrome、Safari3.2+、Opera9.52+、Konqueror3.5.7+で動作。GPL v3ライセンス。

wacky のブックマーク 2009/05/29 09:14

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/13637525/comment/wacky" data-user-id="wacky" data-entry-url="https://b.hatena.ne.jp/entry/www.jampmark.com/html+css-techniques/pure-css-fish-eye-menu.html" data-original-href="http://www.jampmark.com/html+css-techniques/pure-css-fish-eye-menu.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.jampmark.com%2Fhtml%2Bcss-techniques%2Fpure-css-fish-eye-menu.html" data-user-icon="/users/wacky/profile.png">http://www.jampmark.com/html+css-techniques/pure-css-fish-eye-menu.html</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Mac">Mac</a>]</li><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/Tips">Tips</a>]</li></ul><br><p style="clear: left">Mac OS X Dock風のFish EyeメニューをCSSだけで実装するサンプル。拡大・縮小のアニメーションはなし。IE7+、Fx3+、Chrome、Safari3.2+、Opera9.52+、Konqueror3.5.7+で動作。GPL v3ライセンス。</p><a class="datetime" href="https://b.hatena.ne.jp/wacky/20090529#bookmark-13637525"><span class="datetime-body">2009/05/29 09:14</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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