CSS / FREE ONLINE TOOLS

CSS Loader Generator

Create an animated loader with exportable CSS.

Files stay on your device

Primary colorSecondary color

Size / radius 24pxAngle / speed 135

Result

.preview { width: 72px; height: 72px; border: 6px solid #38c6dc; border-top-color: #b9ee58; border-radius: 50%; animation: spin 1.35s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } }

More css tools

CSS Checkbox Generator CSS Switch Generator CSS Clip Path Generator CSS Background Pattern Generator CSS Cubic Bezier Generator