シャドウ
Shadow
別名: ドロップシャドウ / Box Shadow別名: 影
ライブデモ
説明
一言で説明
要素の背後に影を付けるエフェクト。要素が浮き上がっているように見せ、奥行き（レイヤー構造）を表現する。
いつ使う？
カード、ボタン、モーダルなど、背景から分離させて目立たせたい場合や、クリック可能であることを示したい場合。
💡 日常の言い方
「物の後ろについてる「影」。これがあると浮いてるように見える」
似ている用語との違い
シャドウ vs エレベーション
エレベーションは『高さ（概念）』。シャドウはその高さを表現するための『具体的な手法（影）』。
AIへの指示例
浮遊感を出すために、大きなぼかしの柔らかいシャドウをカードに付けて。垂直方向に8pxずらし、色は黒の不透明度10%にして。