linear-gradient （線形グラデーション）

linear-gradientプロパティは「線形グラデーション」を指定する場合に使用します。

html

<div class="square_gradation"></div>

css

.square_gradation {
	width: 100px;
	height: 100px;
    background-image : linear-gradient(
		to bottom,
		#39a9d6 0%,
		#32c75f 50%,
		#2d424f 100%
	);
}

設定方法