Home
Dashboard
Login
HTML
<div class="container"> <div class="rainbow-circle"></div> <div class="rainbow-circle"></div> <div class="rainbow-circle"></div> <div class="rainbow-circle"></div> </div>
CSS
.container{ width: 100%; height: 100%; } .rainbow-circle { width: 100px; height: 100px; border-radius: 50%; background: conic-gradient(red, orange, yellow, green, blue, indigo, violet, red); }
Live Preview
🔍 Fullscreen
Ask ChatGPT
Send
Clear