实现背景色半透明渐变效果

原创 tigon  2021-06-23 17:47:55  阅读 285 次 评论 0 条

父级相对定位

.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);
}
本文地址:https://webge.net/?id=125
版权声明:本文为原创文章,版权归 tigon 所有,欢迎分享本文,转载请保留出处!

评论已关闭!