Blitz - WPT: mix-blend-mode-rotated-clip.html

wpt / css / compositing / mix-blend-mode / mix-blend-mode-rotated-clip.html

/css/compositing/mix-blend-mode/mix-blend-mode-rotated-clip.html

<!DOCTYPE html>
<title>mix-blend-mode under rotated clip</title>
<link rel="help" href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode">
<link rel="match" href="reference/mix-blend-mode-rotated-clip-ref.html">
<meta name="fuzzy" content="0-1;0-30">
<style>div { width: 100px; height: 100px; }</style>
<div style="background: lime; overflow: hidden">
  <div style="transform: rotate(45deg)">
    <div style="background: lime; overflow: hidden">
      <div style="background: red; transform: rotate(-45deg); mix-blend-mode: overlay; will-change: transform"></div>
    </div>
  </div>
</div>

/css/compositing/mix-blend-mode/reference/mix-blend-mode-rotated-clip-ref.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background: lime"></div>