CSS3（とJS）で、要素に対してぼかし表示効果を与えることができるテクニック。大量の画像に対してぼかし効果を付けたい場合には使えるかもしれない。

jed_lee のブックマーク 2014/08/07 11:13

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/162876190/comment/jed_lee" data-user-id="jed_lee" data-entry-url="https://b.hatena.ne.jp/entry/s/hyper-text.org/archives/2013/09/css_filter_translucent_glass/" data-original-href="https://hyper-text.org/archives/2013/09/css_filter_translucent_glass/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhyper-text.org%2Farchives%2F2013%2F09%2Fcss_filter_translucent_glass%2F" data-user-icon="/users/jed_lee/profile.png">CSS filter プロパティで 「半透明ガラス」 効果を再現してみる</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/%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/%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/html">html</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/WEB">WEB</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/WEB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">WEBデザイン</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF">テクニック</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><li style="float: left">[<a href="https://b.hatena.ne.jp/q/blur">blur</a>]</li></ul><br><p style="clear: left">CSS3（とJS）で、要素に対してぼかし表示効果を与えることができるテクニック。大量の画像に対してぼかし効果を付けたい場合には使えるかもしれない。</p><a class="datetime" href="https://b.hatena.ne.jp/jed_lee/20140807#bookmark-162876190"><span class="datetime-body">2014/08/07 11:13</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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