.background {
position: relative;
// background-image: url("../../assets/image/backgroundImage.jpg");
// background: radial-gradient(#829298 29%, #041621 99%);
// 上方两个属性冲突,下方是融合 渐变、阴影后的方式
background-image: radial-gradient(rgba(4, 22, 33, 0) 50%, rgba(4, 22, 33, 0.5),rgba(4, 22, 33, 1)), url("../../assets/image/backgroundImage.jpg");
width: 100%;
background-size: cover;
height: 100vh;
图片内部区域、图片中间 加 渐变阴影; css实现图片上加渐变阴影;
于 2022-04-11 17:55:59 首次发布