クロスブラウザで動作するCSSグラデーション
![クロスブラウザで動作するCSSグラデーション](/img/crossbrowser_gradient.jpg)
CSSでグラデーションを表現したい。
そんなときにおすすめなのが、『Cross-Browser CSS Gradient』。クロスブラウザで動作するCSSグラデーションです。
画像を使わずに、ブラウザ上でグラデーションを描く方法ですね。CSS3の書き方ではFirefox3.6+やSafari4、Google ChromeなどのモダンブラウザにCSS Gradientsが効きますが、IEには対応していません。
そのため、IE用にfilterの記述を追加したものになっています。
IEのfilterでは、水平か垂直方向の2色のグラデーションしかできないため、それに対応させた書き方になっているようです。シンプルなグラデーションを表現したいときにはいいかもですね。
一度見てみてください。
Cross-Browser CSS Gradient
一つ挽回。
久々に服を買いたくなってきました。週末に見に行こうかな。