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