body { background-color:#222222; padding:0; margin:0; overflow:hidden; font-size:100%; } .model { position:absolute; z-index:100000; } .model svg { position:absolute; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; } #polynode, #scene, #stage { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; position:absolute; width:100%; height:100%; } #stage { left:50%; top:50%; opacity:1; } #scene { -webkit-animation-name:scene; -moz-animation-name:scene; -o-animation-name:scene; -ms-animation-name:scene; animation-name:scene; -webkit-animation-duration:20s; -moz-animation-duration:20s; -o-animation-duration:20s; -ms-animation-duration:20s; animation-duration:20s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -ms-animation-timing-function:linear; animation-timing-function:linear; -webkit-transform:perspective(561px); -moz-transform:perspective(561px); -o-transform:perspective(561px); -ms-transform:perspective(561px); transform:perspective(561px); } @-webkit-keyframes scene { 0% { -webkit-transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { -webkit-transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } } @-moz-keyframes scene { 0% { -moz-transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { -moz-transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } } @-o-keyframes scene { 0% { -o-transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { -o-transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } } @-ms-keyframes scene { 0% { -ms-transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { -ms-transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } } @keyframes scene{ 0% { transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { transform :perspective(561px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } }