タグ

backgroundとcss3に関するtetsuya_odakaのブックマーク (2)

  • 【CSS3】HSL色空間による色指定のすゝめ

    CSS3では、上記の色指定の方法に加えて、HSL色空間による色指定を行うことが可能になりました。 HSL色空間とは、色相(Hue)、彩度(Saturation)、明度(lightness)の3つの成分からなる色空間のことで、色相を0〜360度の範囲(赤を0度に置き、時計回りに赤、橙、黄、黄緑、緑、青緑、青、青紫、紫、赤紫の順に変化)で、彩度を純色から灰色の範囲で、明度を白から黒の範囲で(中間が純色)表すものです。 色相のイメージ 色相、彩度、明度の関係 色相の角度による色の把握がわかりやすく、また、色の鮮やかさや明るさを数値で指定することで増減することができるため、rgbを用いた色指定の方法よりも、直感的に色の指定が行える方法になっています。 CSS3でHSLによる色指定を行うには、hsl関数(透明度を指定する際には、hsla)を用いて指定します。 引数は、色相(0〜360までの数値)、彩

    【CSS3】HSL色空間による色指定のすゝめ
  • CSS Gradient Background Maker

    Use this demo to create CSS background-image gradients. The CSS markup works in browsers (including Internet Explorer 10, Chrome, Firefox, Opera, Safari) that support CSS3 gradients in unprefixed form or with any of the following vendor prefixes: -ms-, -moz-, -o-, -webkit-.

  • 1