מהו CSS box-shadow
box-shadow הוא מאפיין CSS המוסיף צל לאלמנט HTML. טכנולוגיה חיונית בעיצוב אתרים, מאפשרת ביטוי עומק ותלת-ממד באמצעות קוד CSS בלבד ללא צורך בתמונות.
פרמטרים של box-shadow
box-shadow מצוין בסדר הבא: 'היסט אופקי היסט אנכי טשטוש פיזור צבע'. היסט אופקי ואנכי הם מיקום הצל, טשטוש הוא מידת הטשטוש של הגבול, פיזור הוא גודל הצל, והצבע ניתן לציון עם RGBA כולל שקיפות.
inset (צל פנימי)
הוספת מילת המפתח inset גורמת לצל להתצייר בתוך האלמנט במקום מחוצה לו. מתאים להבעת שקע בשדות קלט או למצב לחוץ של כפתור.
שכבות של מספר צללים
ניתן לציין מספר box-shadow מופרדים בפסיקים ולשכב צללים. בעיצוב ניאומורפיזם משלבים צל בהיר וצל כהה כדי ליצור מרקם תלת-ממדי.