צל תיבה

box-shadow לוקח: היסט אופקי, היסט אנכי, רדיוס טשטוש, רדיוס התפשטות (אופציונלי), וצבע. דוגמה: box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.3).

השתמשו במספר צללים מרובדים עם ערכי טשטוש שונים, שמרו על צללים עדינים (אטימות נמוכה), ושקלו את כיוון מקור האור לעקביות.

הוספת מילת המפתח "inset" יוצרת צל פנימי, גורמת לאלמנט להיראות לחוץ או שקוע. שימושי עבור שדות קלט וכפתורים.