Blitz - WPT: image-set-negative-resolution-rendering.html

wpt / css / css-images / image-set / image-set-negative-resolution-rendering.html

/css/css-images/image-set/image-set-negative-resolution-rendering.html

<!DOCTYPE html>
<title>Image set negative resolution rendering</title>
<link rel="author" title="Traian Captan" href="mailto:tcaptan@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-images-4/#image-set-notation">
<link rel="match" href="reference/image-set-rendering-ref.html">
<meta name="assert" content="image-set rendering with negative resolution">
<style>
  #test {
    background-image: url("/images/green.png");
    background-image: image-set(url("/images/red.png") -1x);
    width: 100px;
    height: 100px;
  }
</style>
<div id="test"></div>

/css/css-images/image-set/reference/image-set-rendering-ref.html

<!DOCTYPE html>
<title>Image set rendering</title>
<link rel="author" title="Noam Rosenthal" href="mailto:noam@webkit.org">
<link rel="author" title="Traian Captan" href="mailto:tcaptan@chromium.org">
<style>
  #test {
    width: 100px;
    height: 100px;
    background-color: lime;
  }
</style>
<div id="test"></div>