rotated-clip-under-opacity.html (553B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://crbug.com/1314671"> 3 <link rel="author" title="Xianzhu Wang" href="mailto:wangxianzhu@chromium.org"> 4 <link rel="match" href="reference/green.html"> 5 <p>Pass if there is NO red below:</p> 6 <div style="width: 100px; height: 100px; position: absolute; background: green"> 7 <div style="transform: rotate(60deg); opacity: 0.5; overflow: hidden; width: 100px; height: 400px"> 8 <div style="will-change: transform; transform: rotate(-60deg); width: 100px; height: 400px; background: white"></div> 9 </div> 10 </div>