CSSボックスシャドウジェネレーター

インタラクティブなエディターでCSSボックスシャドウを作成・プレビューします。オフセット、ぼかし、拡散、色を調整。複数のシャドウを重ねられます。

CSSのbox-shadowプロパティは、カンマで区切られた複数のシャドウ値を受け取ることができ、1つのプロパティで複雑な奥行き効果を実現できます。

低い不透明度と大きなぼかし半径を持つ繊細なボックスシャドウを使用すると、硬くコントラストの高いシャドウよりも自然な奥行きが生まれます。