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)

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.