wpt/css/compositing/mix-blend-mode/mix-blend-mode-rotated-clip.html at master · web-platform-tests/wpt · GitHub

1

2

3

4

5

6

7

8

9

10

11

12

13

<!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>