<!DOCTYPE html> | |
<style> | |
#escaped-clip { | |
width: 100px; | |
height: 100px; | |
opacity: 0.5; | |
} | |
#escaping-child { | |
position: absolute; | |
width: 100px; | |
height: 100px; | |
background: green; | |
transform: translate3d(50px, 50px, 0); | |
will-change: transform; | |
} | |
</style> | |
<div id="escaped-clip"> | |
<div id="escaping-child"></div> | |
</div> | |
The test succeeds if a green box of 100x100 instead of 50x50 can be seen. |