美文网首页
背景添加多個漸變

背景添加多個漸變

作者: w_w_wei | 来源:发表于2021-07-30 11:16 被阅读0次
    .class {
    background: linear-gradient(180deg, #ECFEEF44 0%, #D5FCDA44 100%),
                      linear-gradient(201deg, #82B4FF33 0%, #F9FBFD33 100%),
                      linear-gradient(201deg, #82B4FF33 0%, #F9FBFD33 100%),
                      linear-gradient(173deg, #FBFCFE 0%, #F5F7FB 100%);
          background-repeat: no-repeat;
          background-position: 19px 0, 0 105px, 115px 902px, 0 0;
          background-size:  949px 18px, 290px 54px, 346px 44px, 1284px 160px;
    }
    
    1. 其中需要控制漸變透明度的話, 在 顏色中 可以使用 rgba 也可以使用8位的16進制顏色
    2. 如果重疊前面的漸變會擋住,後面的漸變
    3. 位置和大小,通過屬性單獨設置

    相关文章

      网友评论

          本文标题:背景添加多個漸變

          本文链接:https://www.haomeiwen.com/subject/kyiqvltx.html