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!

Latest comments (0)

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.