Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Spinning Ring
loaders
CSS
Reset
Copy
@keyframes spin { to { transform: rotate(360deg); } } .loader { width: 40px; height: 40px; border: 3px solid rgba(99,102,241,0.2); border-top-color: #6366f1; border-radius: 50%; animation: spin 0.8s linear infinite; }
Live Preview
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.