wpt / css / css-backgrounds / background-image-with-border-radius-fidelity.html

Status: PASS | Duration: 6ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-backgrounds/background-image-with-border-radius-fidelity.html

<!DOCTYPE html>
<title>Consistent image fidelity of background-image with border-radius</title>
<link rel="help" href="https://crbug.com/1069434">
<link rel="match" href="reference/background-image-with-border-radius-fidelity-ref.html">
<style>
  #target {
    background-image: url("support/aqua-yellow-32x32.png");
    background-size: 100% 100%;
    border-radius: 8px;
    width: 256px;
    height: 256px;
  }
</style>
<div id="target"></div>

/css/css-backgrounds/reference/background-image-with-border-radius-fidelity-ref.html

<!DOCTYPE html>
<title>Consistent image fidelity of background-image with border-radius (reference)</title>
<style>
  #target {
    background-image: url("../support/aqua-yellow-32x32.png");
    background-size: 100% 100%;
    border-radius: 8px;
    width: 256px;
    height: 256px;
  }
</style>
<div id="target" style="background-clip: padding-box"></div>