CSSでグラデーションを作成する方法について
方法
linear-gradientキーワードを使用する。
linear-gradient(to どこの方向へグラデーションするか, 最初の色, 遷移後の色)
.view{
background: linear-gradient(to bottom, #000000, rgb(22, 26, 43));
}| プロパティ | 方向 |
|---|---|
to top | 下から上 |
to right | 左から右 |
to bottom | 上から下 |
to left | 右から左 |
to top left | 右下から左上 |
to top right | 左下から右上 |
to bottom left | 右上から左下 |
to bottom right | 左上から右下 |