円を立体っぽくするCSS
YouTubeで見つけたCSSのTIP
3D CSS ‐ lighting, animations, and more! | YouTube（Kevin Powell）で知る
円を作って、
それのbackground-imageプロパティの設定で
radial-gradient関数の引数1に「circle at top」を設定すると、球っぽくなる
例
https://gyazo.com/85a2c1d09327289e2e0d2bddb4d1a220
UserCSSで使う機会はあまり無いかな……
おまけ
box-shadowプロパティにinsetを設定して立体感を出した場合のパターン
https://gyazo.com/b3ad54ba4cefd46ca78ee4837e8e8dd6
radial-gradient関数使ったほうが「上から光が当たってる感」が出るのかな