27 lines
695 B
HTML
27 lines
695 B
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<script>
|
||
|
|
window.onload = () => {
|
||
|
|
if (window.testRunner) {
|
||
|
|
testRunner.waitUntilDone();
|
||
|
|
testRunner.setBackingScaleFactor(2, () => setTimeout(() => testRunner.notifyDone(), 0));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<style>
|
||
|
|
#foo {
|
||
|
|
width:100px;
|
||
|
|
height:100px;
|
||
|
|
background-image: -webkit-cross-fade(url('resources/blue-100-px-square.png'), url('resources/green-200-px-square.png', 50%));
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<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/blue cross-fade square when the deviceScaleFactor is 2.</div>
|
||
|
|
<div id=foo></div>
|
||
|
|
</body>
|
||
|
|
</html>
|