css画透明渐变背景图

参考 https://www.cnblogs.com/limeiky/p/6519452.html

效果图

代码

div {
    background-image: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.1) 10%,
        rgba(255,255,255,0.2) 20%,
        rgba(255,255,255,0.3) 30%,
        rgba(255,255,255,0.4) 40%,
        rgba(255,255,255,0.5) 50%,
        rgba(255,255,255,0.6) 60%,
        rgba(255,255,255,0.7) 70%,
        rgba(255,255,255,0.8) 80%,
        rgba(255,255,255,0.9) 90%,
        rgba(255,255,255,1) 100%);

    position: absolute;
    bottom: -110px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 150px;
}