Blitz - WPT: background-attachment-local-hidden.html

wpt / css / css-backgrounds / background-attachment-local-hidden.html

/css/css-backgrounds/background-attachment-local-hidden.html

<!DOCTYPE html>
<title>CSS Test: 'overflow: hidden' of 'Background-attachment' with value 'local'</title>
<meta name="fuzzy" content="maxDifference=0-60; totalPixels=0-394">
<link rel="author" title="Lin peng" href="mailto:penglin22@huawei.com" />
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-background-attachment" />
<link rel="match" href="reference/background-attachment-local-hidden-ref.html">
<style type="text/css">
  div {
    border: 10px solid rgba(255,0,0,0.5);
    width: 100px;
    height: 100px;
    border-radius: 40px;
    background-color: lightblue;
    overflow: hidden;
    background-attachment: local;
  }
</style>
<div></div>

/css/css-backgrounds/reference/background-attachment-local-hidden-ref.html

<!doctype HTML>
<style>
  .outer {
    position:relative;
    width: 120px;
    height: 120px;
    border-radius: 40px;
    background-color: rgba(255,0,0,0.5);
  }

  .inner {
    position:absolute;
    top:10px;
    left:10px;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    background-color: lightblue;
  }
</style>
<div class = "outer">
    <div class = "inner"></div>
</div>