DEV Community

Discussion on: CSS Battle Target#6

Collapse
 
romulus profile image
Robert

This is the solution I came up with. Still miles away from the top results @_@;

<p><style>*{background:#E3516E}p{width:100%;height:100%;background:conic-gradient(#FADE8B 25%,0,#E3516E 50%,0,#F7F3D7 75%,0,#51B5A9);clip-path:circle(29.6%)

Collapse
 
prakhart111 profile image
Prakhar Tandon

Hey Robert, that's a good solution.
I myself wasn't aware of "clip-path" property.

Thanks and Cheers!