CSSでグラデーションを実装

背景色をグラデーションさせたい時に使うCSSの記述例です。

body {
background: linear-gradient(#05FBFF, #1E00FF);
}

body {
background: linear-gradient(-135deg, #E4A972, #9941D8);
}

body {
background: radial-gradient(#F2B9A1, #EA6264);
}

body {
background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)),
url(images/bg-cherrybrossam.jpg);
background-size: cover;
}

グラデーション生成サイト shade
CSS生成サイト　CSS Gradient Animator

出展:クリエイターボックス