グラデーションをかける

投稿日:2022-09-26 投稿者:PS カテゴリ:その他 タグ: , 

/* 書式 */
background: linear-gradient(方向, 色１, 色２, ...);　　// 線形
background: radial-gradient(開始位置と角度, 形状とサイズ, 開始色, 開始色, 途中色, 終了色);　　// 円形
background: linear-gradient(to bottom, #F8F8F8 0%, #E0E0E0 50%, #F8F8F8 100%);
Sample
background: radial-gradient(yellow, green);
Sample