HTML / CSS

【css】徐々にグラデーションに透明に(透過グラデーション)【透明・グラデーション】

徐々にグラデーションに透明に

.toumei::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(180deg, transparent 0 60%, #FFF 100%);
}

 

0deg(to top)上に向かって
90deg(to right)右に向かって
180deg(to bottom)下に向かって
270deg(to left)左に向かって