要素のhoverズーム系サンプルメモ。Blurなんかもテキスト表示と合わせて使えるよようにしておくと良い。

jed_lee のブックマーク 2015/05/18 11:14

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/246457330/comment/jed_lee" data-user-id="jed_lee" data-entry-url="https://b.hatena.ne.jp/entry/s/www.nxworld.net/css-image-hover-effects.html" data-original-href="https://www.nxworld.net/css-image-hover-effects.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.nxworld.net%2Fcss-image-hover-effects.html" data-user-icon="/users/jed_lee/profile.png">CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 15 - NxWorld</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/hover">hover</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88">エフェクト</a>]</li><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/html">html</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0">コーディング</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E5%8F%82%E8%80%83">参考</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E5%AD%A6%E7%BF%92">学習</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB">サンプル</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%AF%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AB%E3%83%AB">クリティカル</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E2%98%85%E2%98%85%E2%98%85%E2%98%85%E2%98%85">★★★★★</a>]</li></ul><br><p style="clear: left">要素のhoverズーム系サンプルメモ。Blurなんかもテキスト表示と合わせて使えるよようにしておくと良い。</p><a class="datetime" href="https://b.hatena.ne.jp/jed_lee/20150518#bookmark-246457330"><span class="datetime-body">2015/05/18 11:14</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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