| <!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); | |
| } | |
| </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. |