CSS box-shadow の使い方 — 各パラメータと自然な影の作り方|INTERESTIC(インタレスティック)

box-shadow の offset-x・offset-y・blur・spread・color の役割を1つずつ整理し、多重影で立体感を出すコツと、影を不自然に見せないための考え方を実例つきで解説します。