方法-スクロールの背景グラデーション
スクロールでグラデーションの背景色を作成する方法を学びます。
背景グラデーション
スクロールでグラデーションの背景を作成する方法
上から始まる線形グラデーションの背景色を作成します。ティール/グリーンからブルーまで:
例
body {
height: 3000px; /* Used to enable scrolling */
background: linear-gradient(55deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 85%);
}
ヒント:グラデーションの背景について詳しくは、CSSグラデーションチュートリアルをご覧ください。