jpegxl/css-image-set.html

<html class="reftest-wait">
<title>JPEG XL CSS image-set()</title>
<link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
<link rel="match" href="css-image-set-ref.html">
<script src="/common/reftest-wait.js"></script>
<style>
  #set {
    background-image: image-set(url(resources/3x3_srgb_lossless.jxl) 1x);
    background-size: cover;
    image-rendering: pixelated;
    width: 120px; height: 120px;
  }
</style>
<div id="set"></div>
<script>
  new Promise(r => {
    const img = new Image();
    img.onload = r;
    img.onerror = r;
    img.src = "resources/3x3_srgb_lossless.jxl";
  }).then(takeScreenshot);
</script>
</html>