Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Pulse Dot
loaders
CSS
Reset
Copy
@keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.5; } } .loader { width: 16px; height: 16px; border-radius: 50%; background: #6366f1; animation: pulse 1.5s ease-in-out infinite; }
Live Preview
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.