今更CSSでグラデーションをかけてみた。
割と簡単です。
ただ、クロスブラウザに対応するために
主要ブラウザごとに指定をかけないといけないので
若干めんどくさい。
ブラウザ単位の指定が全部違うので、
早くCSS3が一般的になることを大いに祈っています。
div { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#ffcccccc); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */ background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */ background: -o-linear-gradient(top, #fff, #ccc); /* Opera */ background: linear-gradient(top, #fff, #ccc); /* CSS3 */ }
簡単なバナー程度なら、
グラデーションを使ってしまえばすぐできるので。
なんかいよいよWebデザイン=Flash、Photoshopってのが
崩壊してくるなぁ。