Internet Explorer

by Chun

HTML

<div class="text">
Internet Explorer...<br>
Hover me!
</div>
		
        <script type="text/javascript">

			var imageWidthHalf, imageHeightHalf;

			var canvas = document.createElement( 'canvas' );
			canvas.width = window.innerWidth;
			canvas.height = window.innerHeight;
			canvas.style.display = 'block';
			document.body.appendChild( canvas );

			var context = canvas.getContext( '2d' );

			var image = document.createElement( 'img' );

			image.addEventListener('load', function() {

				imageWidthHalf = Math.floor( this.width / 2 );
				imageHeightHalf = Math.floor( this.height / 2 );

				document.addEventListener( 'mousemove', onMouseEvent, false );
				document.addEventListener( 'touchstart', onTouchEvent, false );
				document.addEventListener( 'touchmove', onTouchEvent, false );

			}, false );

			image.src =...

CSS

body {
    overflow:hidden;
}
.text {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%);
    font-size:2rem;
    z-index:-1;
}