<!DOCTYPE html>
<script src="../resources/run-after-layout-and-paint.js"></script>
<!-- Passes if the whole div with border is displayed. -->
<div style='left: 400px; position: absolute;'>
<div id=composited>
<div style='width: 1200px; height: 835px; background: lightblue; border: 1px solid black'></div>
</div>
<script>
runAfterLayoutAndPaint(() => {
composited.style.transform = 'translateX(-1000px) perspective(1000px) rotateX(-100deg)';
}, true)</script>