<style> | |
#overlap { | |
width: 10px; | |
height: 100px; | |
background: green; | |
} | |
#transformed { | |
position: absolute; | |
left: 0; | |
top: 50px; | |
will-change: opacity; | |
} | |
</style> | |
<div id="overlap"></div> | |
<div id="transformed"> | |
This test succeeds if this text is visible. | |
</div> | |
This test verifies squashed transformed elements have their ancestor clip and local clip applied in the correct spaces. |