---
url: "/ja/emailify/design/button-drop-shadow.md"
description: "EmailifyのButtonのCSSボックスシャドウは[一部のメールクライアントでのみ対応](https://www.caniemail.com/features/css-box-shadow/)しており、CSSボックスシャドウに対応していないメールクライアント（OutlookやYahoo Mailなど）では表示されません。"
---

# ボタンにドロップシャドウを追加する

> EmailifyのButtonのCSSボックスシャドウは[一部のメールクライアントでのみ対応](https://www.caniemail.com/features/css-box-shadow/)しており、CSSボックスシャドウに対応していないメールクライアント（OutlookやYahoo Mailなど）では表示されません。

[Video](/assets/videos/emailify/design/button-box-shadow.mp4)

EmailifyのButtonレイヤーにCSSボックスシャドウを追加するには、Figmaでレイヤーに**Effects**プロパティを**Drop Shadow**として追加します。HTMLにエクスポートすると、ButtonにCSSボックスシャドウが自動的に追加されます。

> **Tip:** ボタンのボックスシャドウは*プログレッシブエンハンスメント*として扱ってください。CSSボックスシャドウは[一部のメールクライアントでのみ対応](https://www.caniemail.com/features/css-box-shadow/)しており、ボックスシャドウに対応していないメールクライアントでは、シャドウ効果はまったく表示されません。