Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
CSS
body { background-color:#000000; 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(10000px); -moz-transform:perspective(10000px); -o-transform:perspective(10000px); -ms-transform:perspective(10000px); transform:perspective(10000px); } @-webkit-keyframes scene { 0% { -webkit-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { -webkit-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } } @-moz-keyframes scene { 0% { -moz-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { -moz-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } } @-o-keyframes scene { 0% { -o-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { -o-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } } @-ms-keyframes scene { 0% { -ms-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { -ms-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } } @keyframes scene{ 0% { transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg); } 100% { transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg); } }
HTML
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email