<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>