如何缩放立方体

Question

您好我想用文本创建一个div，当我点击它时，它应该旋转，缩放到空白页面并显示新内容。我该怎么做？这是我已经拥有的。

JavaScript的：

var props = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' '),
    prop,
    el = document.createElement('div');

for(var i = 0, l = props.length; i < l; i++) {
    if(typeof el.style[props[i]] !== "undefined") {
        prop = props[i];
        break;
    }
}

var xAngle = 0, yAngle = 0;
$('#cube').on('click',function(){
  yAngle = -180;
  document.getElementById('cube').style[prop] = "rotateX("+xAngle+"deg) rotateY("+yAngle+"deg)";

});

Fiddle