CSSのfilterを使って、背景色に合わせた文字色を自動的に設定する - Blanktar
いかがでしょうか。 グレー(#808080)に近い色はやや見づらくなってしまっていますが、それ以外はかなり上手く表示できているのではないかと思います。 やり方上記のサンプルは以下のようなCSSで実現しています。 ">Copy <div> <span>hello world!</span> </div> <style> div { background-color: red; } span { color: red; filter: invert(100%) grayscale(100%) contrast(100); } </style> 以上、これだけです。 詳しい解説は後述しますが、colorとbackground-colorに同じ色を設定してから、文字色だけCSSのfilterで見える色に変化させる仕組みです。 なお、divとspanをセットにすると背景色にもフィルターが適用されてし
favicon（ファビコン）を設定しよう！「.ico」の作成方法とサイズ・設置場所 | デジハリ・オンラインスクール
デジハリ・オンラインスクール 「クリエイターのたまご」の皆さんに贈る、デジタルハリウッドのお役立ちWebマガジン！ 「クリエイターになりたいなぁ」と、ちょっとでも思ったことのあるあなたは、「くりたま」です。 favicon（ファビコン）とは、Webサイトを閲覧しているときに見かける「小さなアイコン」のことです。 ブラウザのタブには、Webサイトのタイトルが表示されます。閲覧中のタイトルの横に小さなアイコンが表示されているのを見たことがあるのではないでしょうか？他にも、お気に入りに追加したWebサイトのリストを確認していると、Webサイトのタイトルと一緒に小さなアイコンが表示されるものもあると思います。 Webサイトのイメージを小さなアイコンでデザインして表示させることで、ほかのWebサイトとの区別をつけやすくし、印象に残るようアピールすることがファビコンを設置する目的です。 今回は、fav
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
