ericflo · April 27, 2010 06:17
diff --git a/we-are-in-the-future.html b/we-are-in-the-future.html
 <!DOCTYPE html>
 <html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>ASDF</title>
        <style>
        .animate {
            -webkit-transition-property: -webkit-transform;
            -webkit-transition-duration: 2s;
            -webkit-transform: matrix3d(0.5, -0.5, -0.707107, 0, 0.853553, 0.146447, 0.5, 0, -0.146447, -0.853553, 0.5, 0, 0, 0, 0, 1);
            -webkit-transition-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);
        }
        </style>
        <script>
        window.addEventListener('click', function(e){ 
            document.getElementById('test').className = 'animate';
        });
        </script>
    </head>
    <body>
        <div id="test"><p>This is a test</p></div>
    </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>ASDF</title>
	<style>
	.animate {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 2s;
	-webkit-transform: matrix3d(0.5, -0.5, -0.707107, 0, 0.853553, 0.146447, 0.5, 0, -0.146447, -0.853553, 0.5, 0, 0, 0, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);
	}
	</style>
	<script>
	window.addEventListener('click', function(e){
	document.getElementById('test').className = 'animate';
	});
	</script>
	</head>
	<body>
	<div id="test"><p>This is a test</p></div>
	</body>
	</html>