<!DOCTYPE html> | |
<div style="overflow:hidden; margin-left:100px; margin-top:100px; width:100px; height:100px;"> | |
<div style="position:relative; left:-50px; top:-50px; width:200px; height:200px; transform:rotate(30deg);"> | |
<div style="will-change:opacity; overflow:hidden;"> | |
<div style="position:absolute; width:200px; height:200px; background:green;"></div> | |
</div> | |
</div> | |
</div> | |
This test succeeds if a non-rotated 100x100 green box is shown above. |