body, html { overflow: hidden; font-family: Helvetica, Arial, sans-serif; color: #fff; font-size: 11px; width: 100%; height: 100%; background: #b72424; background: -moz-radial-gradient(center, ellipse cover, #b72424 0%, #492727 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b72424), color-stop(100%,#492727)); background: -webkit-radial-gradient(center, ellipse cover, #b72424 0%,#492727 100%); background: -o-radial-gradient(center, ellipse cover, #b72424 0%,#492727 100%); background: -ms-radial-gradient(center, ellipse cover, #b72424 0%,#492727 100%); background: radial-gradient(center, ellipse cover, #b72424 0%,#492727 100%); } /********************************************* * DOM TREE *********************************************/ @-webkit-keyframes spin { 0% { -webkit-transform: rotateY( 0deg ); } 100% { -webkit-transform: rotateY( 360deg ); } } @-moz-keyframes spin { 0% { -moz-transform: rotateY( 0deg ); } 100% { -moz-transform: rotateY( 360deg ); } } @-ms-keyframes spin { 0% { -ms-transform: rotateY( 0deg ); } 100% { -ms-transform: rotateY( 360deg ); } } @-o-keyframes spin { 0% { -o-transform: rotateY( 0deg ); } 100% { -o-transform: rotateY( 360deg ); } } @keyframes spin { 0% { transform: rotateY( 0deg ); } 100% { transform: rotateY( 360deg ); } } body { -webkit-perspective: 3000px; -moz-perspective: 3000px; -ms-perspective: 3000px; -o-perspective: 3000px; perspective: 3000px; -webkit-perspective-origin: 0 20%; -moz-perspective-origin: 0 20%; -ms-perspective-origin: 0 20%; -o-perspective-origin: 0 20%; perspective-origin: 0 20%; } .tree { margin: 0 auto; position: relative; -webkit-animation: spin 18s infinite linear; -moz-animation: spin 18s infinite linear; -ms-animation: spin 18s infinite linear; -o-animation: spin 18s infinite linear; animation: spin 18s infinite linear; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .tree * { position: absolute; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }