---
url: "/ko/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)

Figma에서 레이어에 **Effects** 속성을 **Drop Shadow**로 추가하면 Emailify의 Button 레이어에 CSS 박스 섀도를 추가할 수 있어요. Button을 HTML로 내보낼 때 CSS 박스 섀도가 자동으로 추가돼요.

> **Tip:** 버튼 박스 섀도는 **점진적 향상**으로 생각하세요. CSS 박스 섀도는 [일부 이메일 클라이언트에서만 지원](https://www.caniemail.com/features/css-box-shadow/)되며, 박스 섀도를 지원하지 않는 이메일 클라이언트에서는 섀도 효과가 전혀 렌더링되지 않아요.