testing/web-platform/tests/css/css-masking/mask-image/mask-image-inline-sliced-1.html
author Sandor Molnar <smolnar@mozilla.com>
Fri, 11 Jul 2025 19:57:29 +0300 (8 hours ago)
changeset 796221 8ba6984a5604ac7dcf50325b1a0ebadf9e305d22
parent 680686 fee0638d9214a3271bda99ac1976e307c9735660
permissions -rw-r--r--
Revert "Bug 1972411 - give gnome-shell and pipewire more time to start, and retry the task if we time out. r=jmaher" for causing linux perma failures This reverts commit 2b905fe7199c9210434f7c7f8326b57025c91c55. Revert "Bug 1972411 - make /builds/worker/fetches a volume in the test docker image. r=releng-reviewers,Eijebong" This reverts commit 9d15aecaf6a08b98d3c47f2d0e644e35341b2520.
<!DOCTYPE html>
<title>'box-decoration-break: slice' and 'mask-image'</title>
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#break-decoration">
<link rel="help" href="https://drafts.fxtf.org/css-masking/#the-mask-image">
<link rel="match" href="reference/mask-image-inline-sliced-1-ref.html">
<style>
  .mask-image {
    font: 100px/1 Ahem;
    color: green;
    -webkit-mask-image: linear-gradient(to right, white 50%, transparent 50%);
    mask-image: linear-gradient(to right, white 50%, transparent 50%);
  }
</style>
<p>There should be a green square below.</p>
<div style="width: 100px">
  <span class="mask-image">A A</span>
</div>