クリエイター:コーディング備忘録ブログ

コーディング

CSSでグラデーション

グラデーションは background プロパティに linear-gradient の値を指定します。

■角度を変更
deg で角度を指定できます。
content {
background: linear-gradient(-135deg, #333333, #22233);
}

■円形グラデーション
直線でのグラデーションではなく、円形のグラデーションを実装するには linear-gradient ではなく radial-gradient を使います。
content {
background: radial-gradient(#AAAAAA, #666666);
}

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP