背面にある画像の色調を判定し、前面にあるオブジェクトに class を与える。テキストの色を画像が暗ければ明るい色へ・明るければ暗い色へ変更するなど、CSSで制御可能。

jsの表現

mametro のブックマーク 2013/09/24 19:52

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/162803154/comment/mametro" data-user-id="mametro" data-entry-url="https://b.hatena.ne.jp/entry/www.kennethcachia.com/background-check/slider.html" data-original-href="http://www.kennethcachia.com/background-check/slider.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.kennethcachia.com%2Fbackground-check%2Fslider.html" data-user-icon="/users/mametro/profile.png">BackgroundCheck</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/js%E3%81%AE%E8%A1%A8%E7%8F%BE">jsの表現</a>]</li></ul><br><p style="clear: left">背面にある画像の色調を判定し、前面にあるオブジェクトに class を与える。テキストの色を画像が暗ければ明るい色へ・明るければ暗い色へ変更するなど、CSSで制御可能。</p><a class="datetime" href="https://b.hatena.ne.jp/mametro/20130924#bookmark-162803154"><span class="datetime-body">2013/09/24 19:52</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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