みかづきブログ その3

3ヶ月つづけてみました。

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

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



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


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

DEMO


HTML

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

CSS

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


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