Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / hidpi / image-set-in-content-dynamic.html
blob0c0883a2ad76540aa12057b3044435c496d06e7b
1 <html>
2 <head>
3 <script src="resources/srcset-helper.js"></script>
4 <style>
5 #foo {
6 width:100px;
7 height:100px;
8 content: -webkit-image-set(url('resources/blue-100-px-square.png') 1x, url('resources/green-400-px-square.png') 2x);
10 </style>
11 </head>
13 <body>
14 <div>This test passes if the div below is a blue 100px square when the deviceScaleFactor is 1, and if it is a 100px green square when the deviceScaleFactor is 2. When run in the test harness, this test is distinct from image-set-as-background, because it ensures that the green image loads dynamically when the scale factor changes.</div>
15 <div id=foo></div>
16 </body>
17 </html>