マウスオーバーで格付けを行う仕組みをCSSのみで実現。hoverでz-indexと画像の表示範囲と幅を変更。なるほど。

CSS
Tips

wacky のブックマーク 2005/11/17 01:01

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/967086/comment/wacky" data-user-id="wacky" data-entry-url="https://b.hatena.ne.jp/entry/d.hatena.ne.jp/brazil/20051116/1132133730" data-original-href="http://d.hatena.ne.jp/brazil/20051116/1132133730" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fd.hatena.ne.jp%2Fbrazil%2F20051116%2F1132133730" data-user-icon="/users/wacky/profile.png">ランク付け(CSS利用) - FAX</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/Tips">Tips</a>]</li></ul><br><p style="clear: left">マウスオーバーで格付けを行う仕組みをCSSのみで実現。hoverでz-indexと画像の表示範囲と幅を変更。なるほど。</p><a class="datetime" href="https://b.hatena.ne.jp/wacky/20051117#bookmark-967086"><span class="datetime-body">2005/11/17 01:01</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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