CSS Conic Gradient

PHOTO EMBED

Fri Apr 24 2020 11:55:55 GMT+0000 (UTC)

Saved by @Bornconfused #css #css #conic #gradient

 .conic-gradient {
  background: conic-gradient(from 90deg, #fff, #000);
}                               
                                
content_copyCOPY

If our starting color would begin somewhere else on the circle, say one-quarter of the way at 90deg, then that creates a smoother gradient and we start to get that cool cone-looking perspective.

https://css-tricks.com/snippets/css/css-conic-gradient/