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