mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 21:28:04 +02:00
37f91c6a36
Automatic update from web-platform-tests Add new comprehensive test for image-set rendering (#21539) * Add new comprehensive test for image-set rendering * Use dpr 1 for now for test - no sufficient infra for DPR setting -- wpt-commits: 1b7dcb06ea477226e90ca0fbc0b86262a410f7ad wpt-pr: 21539
38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Image set rendering</title>
|
|
<link rel="author" title="Noam Rosenthal" href="mailto:noam@webkit.org">
|
|
<link rel="help" href="https://drafts.csswg.org/css-images-4/#image-set-notation">
|
|
<meta name="assert" content="image-set rendering">
|
|
<style>
|
|
.test {
|
|
display: inline-block;
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
main {
|
|
width: 500px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>All images below should be lime or a lime-green gradient when devicePixelRatio is 1 - no red!.</p>
|
|
<main>
|
|
<div class="test" style="background-image: url(/images/green.png)"></div>
|
|
<div class="test" style="background-image: linear-gradient(green, lightgreen)"></div>
|
|
<div class="test" style="background-image: url('/images/green.png')" ></div>
|
|
<div class="test" style="background-image: radial-gradient(green, lightgreen)" ></div>
|
|
<div class="test" style="background-image: linear-gradient(green, lightgreen)" ></div>
|
|
<div class="test" style="background-image: url('/images/green.png')" ></div>
|
|
<div class="test" style="background-image: url('/images/green.png')" ></div>
|
|
<div class="test" style="background-image: url('/images/green.png')" ></div>
|
|
<div class="test" style="background-image: url('/images/green.png')"></div>
|
|
<div class="test" style="background-color: lime"></div>
|
|
<div class="test" style="background-color: lime"></div>
|
|
<div class="test" style="background-color: lime"></div>
|
|
<div class="test" style="content: url('/images/green.png')" ></div>
|
|
</main>
|
|
</body>
|
|
</html>
|