Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
for(var i=20; i<40; i++){ var s = i*8, m = s/2; $('<div class="ring ring-'+i+'"></div>') .appendTo( $('.ring').last() ) .css({ width : s+'px', height : s+'px', margin : '-'+m+'px 0 0 -'+m+'px', borderWidth: m/2+'px' }); }
CSS
body{margin:0;background:#267E94;overflow:hidden} .ring{position:absolute;top:50%;left:50%;border:0 dotted rgba(255,255,255, .3);border-radius:50%;box-sizing:border-box;animation:spin 30s infinite linear} @keyframes spin{ 100%{transform:rotate(360deg)} }
HTML
<div class="ring"></div>
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
