testing/web-platform/tests/css/css-images/image-set/image-set-negative-resolution-rendering-2.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<!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,
      url("/images/red.png") 2x
    );
    width: 100px;
    height: 100px;
  }
</style>
<div id="test"></div>