IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

【CSS】背景色 グラデーション --サンプル集-- | background:linear-gradient 【WEBデザイン】

投稿日:2019/07/19

CSSのbackgroundプロパティに指定する複雑な値を、備忘録として書き記している記事です。

 

 

虹色

 

 

<div class="style1"></div>
.style1{
    background: linear-gradient(135deg,rgb(255, 0, 0),rgb(255, 20, 172),rgb(90, 40, 255),
    rgb(60, 120, 255),rgb(80, 255, 237),rgb(100, 255, 169),
    rgb(170, 255, 120),rgb(221, 255, 140),rgb(255, 236, 160),
    rgb(255, 208, 180),rgb(255, 208, 200),#ff0000);
}