css 在英雄部分背景上添加淡化到黑色过渡效果/叠加http://codepen.io/peterramsing/pen/jAxVBB/

Posted 2021-05-13

#hero {
	background: $white url("../images/hero-background-mobile.jpg") no-repeat center bottom;
	background-size: cover;

}
#hero::after {
	display: block;
	position: relative;
	background-image: linear-gradient(to bottom, transparent 0%, $black 100%);
	margin-top: -175px;
	height: 175px;
	width: 100%;
	content: '';
}