ویژگی box-shadow به عناصر HTML سایه می‌دهد و شامل جابه‌جایی افقی، عمودی، محوشدگی، گسترش و رنگ است. سایه مناسب به طراحی عمق و حس سه‌بعدی می‌دهد.

مقدار Blur را بالا (۲۰ تا ۴۰ پیکسل)، جابه‌جایی را کم و شفافیت رنگ را پایین (حدود ۰٫۱ تا ۰٫۲۵) بگذارید تا سایه لطیف و واقعی دیده شود.

Spread اندازه سایه را قبل از محوشدگی بزرگ یا کوچک می‌کند؛ مقدار مثبت سایه را گسترده‌تر و مقدار منفی آن را جمع‌تر از خود عنصر می‌کند.

فرمت rgba علاوه بر رنگ، شفافیت (آلفا) را هم مشخص می‌کند. سایه‌های واقعی نیمه‌شفاف‌اند، بنابراین کنترل آلفا برای طبیعی بودن سایه ضروری است.