<!DOCTYPE html>
<style>
#escaped-clip {
    width: 100px;
    height: 100px;
    overflow: hidden;
    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.