タグ

半透明に関するkosiganのブックマーク (2)

  • CSSでの色指定について。半透明とかキーワードとか、ご存知でした? (CSS おれおれ Advent Calendar 2012 – 01日目) | Ginpen.com

    CSS おれおれ Advent Calendar 2012 – 01日目 文字の色やら背景色やらでよく使っていると思うのですが、まとめてみました。 アルファ系なんか便利かなーって思います。box-shadowの色が濃いときにrgba(0,0,0,0.5)とかやったりします。 さてさて。 RGBで指定 光の三原色(赤緑青)で指定します。 #rrggbb これが一番一般的。16進数で各2桁、合わせて6桁で指定します。 16進数はわかりますか? 普通の10進数で0が16進数の0、9が9、10がA、11がB、15がF、16が10になります。2桁なので0からFF、つまり0から255までの数値を指定できます。 アルファベットは大文字ABCDEFでも小文字abcdefでも構いませんが、CSSの仕様書では小文字で例が記述されているので、そちらが標準みたいです。 #rgb 16進数各1桁で指定します。

    CSSでの色指定について。半透明とかキーワードとか、ご存知でした? (CSS おれおれ Advent Calendar 2012 – 01日目) | Ginpen.com
  • ウェブデザインで効果的に半透明とオーバーレイのテクニックを使う方法とその実例

    半透明とオーバーレイのテクニックは効果的に使用すると、奥行きとリアリズムを作り出し、退屈なウェブデザインにモダンな印象を与えます。 Onextrapixelから、ウェブデザインにおいて効果的に半透明とオーバーレイのテクニックを使う方法とその実例を紹介します。 Opacity and Overlay Techniques in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 Dark Overlay Light Overlay Color Mixes Dark Overlay ブラック、あるいは暗いグレーを使ったオーバーレイ。最近のウェブデザインでよく見かけるタイプです。見た目はスタイリッシュになり、画像やスライドショー、ナビゲーションなどによく利用されています。 このテクニックを利用する際は、CSSでの透過をサポートしていないブラウザがまだあるため、PNGで

  • 1