<style>
    body { background: green; color: white; }
    document:-webkit-full-screen-document > body { background: red;  }
    span { text-decoration: underline; cursor: hand; }
    div {
        background: blue;
        width: 200px;
        height: 100px;
    }
    div:-webkit-full-screen {
        width: 100%;
        height: 100%;
    }
</style>
<script>
function toggleFullScreen() {
    if (document.webkitIsFullScreen)
        document.webkitCancelFullScreen();
    else
        document.getElementsByTagName('div')[0].webkitRequestFullscreen();
}
</script>
<body>
    This tests that the page does not have a visible "flash" when finishing the exit full screen animation.
    <span onclick="toggleFullScreen()">Click to toggle full screen.</span>
    <div>
    </div>
</body>