IE10 Platform Preview 1 における CSS3 グラデーション

本記事は、マイクロソフト本社の IE チームのブログから記事を抜粋し、翻訳したものです。  【元記事】CSS3 Gradients in IE10 Platform Preview 1 (2011/5/5 1:56 AM) Internet Explorer 10 Platform Preview 1 において CSS グラデーションのベンダー プレフィックスがサポートされるようになりました。CSS3 グラデーションは CSS3 Image Values and Replaced Content 仕様 (作業草稿段階) のサブセクションで定義されています。CSS マークアップを使用すると、ブラウザーによってグラデーション画像が生成され、CSS 画像が使用可能な場所に描画されます。Platform Preview 1 では、CSS3 グラデーションは背景画像として使用することができます。 CSS グラデーションを使用する理由 グラデーションは、サイトを視覚的に美しくする方法として Web 開発者がよく使用します。深さを表す効果や色の飛沫を表現するために使われたり、テキストとメニューの背景として微かなグラデーションが使用されます。 サイトおよびメニューの背景に使用されている微かなグラデーションの一例 グラデーション効果を作成する最も一般的な方法は、グラデーションが必要な場所にラスター画像を使用することですが、CSS グラデーションを使用すれば、Web コンテンツ作成者はグラデーション用に別の画像を作成する必要はありません。 CSS グラデーションなら CSS マークアップによって色が滑らかに変化するグラデーションを生成することができます。単色の背景と同様に、グラデーションを使用した背景は CSS で指定できます。また生成されたグラデーション画像は、適用されるコンテナーのサイズに依存します。 たとえば、サイズが変化する…