影付きの文字と透明度のcss

影付きの文字

一番上の見出し(h1)には次のようなcssが設定してあります。

text-shadow: green 6px 6px , red -12px -12px , yellow 15px 15px ;

次の見出し(h2)には次のようなcssが設定してあります。

text-shadow: #ff0 4px 4px ;

透明度

上は通常の見出し(h2 background-color付き)です。この後、0.9, 0.6，0.2, 0 と透明にしていきます。

opacity:0.9 を指定(色、背景色はそのまま)

opacity: .9;

opacity:0.6 を指定(色、背景色はそのまま)

opacity: .6;

opacity:0.2 を指定(色、背景色はそのまま)

opacity: .2;

opacity:0.0 を指定(色、背景色はそのまま)

opacity: .0;

画像にかける透明度

ここも左から 指定なし, 0.9, 0.6, 0.2, 0.0 。背景色の青がだんだん見えてきます。

指定はh2のところと同じです。