DEV Community

Discussion on: CSS Battle #6 - Missing Slice

Collapse
 
chinchang profile image
Kushagra Gour

You should look into conic gradients :)

Collapse
 
pheeria profile image
Olzhas Askar

I will.
I even have a book by Lea Verou!

Collapse
 
andrewgillitzer profile image
AndrewGillitzer

That's exactly how I solved css battle #6-missing slice-

<br> *{background:#E3516E;margin:25 auto;}<br> p{width:200;<br> height:200;<br> border-radius:50%;<br> background:conic-gradient(#FADE8B 0% 25%,#E3516E 25% 50%,#F7F3D7 50% 75%,</p> <h1> <a name="51b5a9-75-100" href="#51b5a9-75-100" class="anchor"> </a> 51B5A9 75% 100%); </h1>