週末はレストランやコンビニのお菓子のことを書いています。この広告は、90日以上更新していないブログに表示しています。要素の透明化と色の指定方法CSS3今回は、CSS3の「色の指定方法(RGBA)」と「要素の透明化(Opacity)」について書きます。CSS3では、RGBAカラーモデルが使えます。blueに、alphaが加わったものです。alphaは色の透明度を表します。RGBAは、個別(背景色とか)に透明度を指定したい場合に使います。このような形で指定します。RGBの色は0〜255、または、0%〜100%で指定します。実際のプログラムでやると、こんな感じです。id="maru"></div></body></html>実行結果ちなみに、「rgb(0,0,0)」とするとこうなります。実行結果をみると、alpha(透明度)を指定すると真っ黒ではなく、薄い感じの黒色になってます。次に、「opacity」について書きます。「opacity」は、要素の透明度を指定します。こちらを使うと、指定した要素を薄い感じにできます。0.54;「opacity」の値は、0〜1で指定します。0に近くなるほど、透明度が増していきます。逆に、1に近くなるほど、濃くなります。実際のプログラムでやると、こんな感じです。id="maru"></div></body></html>実行結果まとめると・・・opacityは、指定した要素全体を透明にするのに使います。RGBAは、個別に適応したい場合に使います。part1今回は、CSS3の「transform」について書きます。linear-gradient()今回は、CSS3の「linear-gradient()」について書きます。Linkプロフィールid:gupuruプログラミング関連の事を色々書いています(^^)週末はレストランやコンビニのお菓子のことを書いています。