Skip to content

Support background-image linear-gradient #272

Open
@suyulin

Description

@suyulin

Affected version

0.13.0

No same issues found.

  • Yes, I search all issues but not found.

Steps to Reproduce

run Code example

Code example

<!DOCTYPE html>
<html>
<head>
  <style>
      .container {
        margin: 64px 0 32px;
        text-align: center;
        position: relative;
      }
      .logo {
        width: 128px;

      }
      .mask {

position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));;
    background-repeat: no-repeat;
    background-position: top,bottom;
    transform: translateZ(0);
background-size: 100% 110px;
      }
      .container >div{
      padding: 4px;
       color: #323233;
       }

  
  </style>
</head>
<body>
<div class="container">
  <div>
    1
  </div>
  <div>
    1
  </div>
  <div>
    1
  </div>
  <div>
    1
  </div>
  <div>
    1
  </div>
  <div>
    1
  </div>
  <div>
    1
  </div>
  <div>
    1
  </div>
  <div class="mask"></div>
</div>
</body>
</html>

Expected results

image

Actual results

image

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions