DEV Community 👩‍💻👨‍💻

Cover image for Create a circular gradient in CSS
Maxime Guilbert
Maxime Guilbert

Posted on • Updated on

Create a circular gradient in CSS

After searching during hours, with people saying "it's impossible to do it with CSS or SVG", I found it!

With the following property, you will be able to define a circular gradient in CSS!

background:conic-gradient(from 0deg, #f00, #f0f, #00f, #0ff, #0f0, #ff0, #f00);
Enter fullscreen mode Exit fullscreen mode


I hope it will help you!

Top comments (0)

👀 Just want to lurk?

 
That's fine, you can still create an account and turn on features like 🌚 dark mode.