CSSで背景にグラデーションを設定する

これまで、UIView、Canvas要素の背景をグラデーションにしてきましたが、今回はCSSでDOMの背景をグラデーションにしてみます。

UIViewの背景にグラデーションを設定しよう。 - みかづきブログ その3

Canvasの塗りつぶし色にグラデーションを設定する - みかづきブログ その3

DEMO

HTML

<div class="grad"></div>

CSS

.grad {
    background: linear-gradient(#dead45, #e38ab8);
}

最新のChrome、FirefoxであればこれでOKです。
昔はやたら面倒だった記憶がありますが便利な世の中になりましたね。