DEV Community

Chloe
Chloe

Posted on

1 1

TIL CSS conic gradient

I'm currently working my way through a udemy course building out some small projects with CSS and vanilla javascript and I learnt about conic gradients.

CSS gradients despite learning about them a long time ago are something I rarely use and have to look up every time, but I'd never heard of conic gradients until it appeared in this project.

Info on MDN

Example:

.gradient {
  background: conic-gradient(red, orange, yellow, green, blue);
}
Enter fullscreen mode Exit fullscreen mode

They create a cool effect and definitely something I will try and find a use for in future projects. Does anyone have use case for this type of gradient?

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay