实现背景色半透明渐变效果
父级相对定位
.box__shadow_left,.box__shadow_right{
position: absolute;
top:0;
height: 65rpx;
width: 60px;
z-index: 9;
}
左边的效果
.box__shadow_left{
left: 2rpx;
background-image: linear-gradient(to right, rgb(255, 255, 255), transparent);
}
右边的效果
.box__shadow_right{
right: 2rpx;
width: 16px;
background-image: linear-gradient(to left, rgb(255, 255, 255), transparent);
}
版权声明:本文由Web学习之路发布,如需转载请注明出处。