CSS Spinner

HTML
<div class="spinner"></div>
CSS
body { background: #222; } .spinner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:auto; width: 80px; height: 80px; background: #27ae60; border-radius: 100%; box-shadow: -150px 28px 0px #2ecc71, 150px 28px 0px #1abc9c; animation: spin .6s linear infinite; /* change the speed if you want */ } @keyframes spin { 100% { transform: rotate(360deg); } }
JAVASCRIPT
Expand for more options Login