מחולל Box Shadow של CSS

צור ערכי CSS box-shadow מרובי שכבות עם תצוגה חיה, אפשרות inset ובקרות מדויקות.

שכבות1
צור ערכי CSS box-shadow מרובי שכבות עם תצוגה חיה, אפשרות inset ובקרות מדויקות.
הגדרות שכבה
שכבה 1
px
px
px
px
תצוגה מקדימה
העתק את ערך box-shadow ל-CSS שלך.
box-shadow
פלט CSS
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);

מה זה box-shadow?

צור ערכי CSS box-shadow מרובי שכבות עם תצוגה חיה, אפשרות inset ובקרות מדויקות.

box-shadow הוא מאפיין CSS שמצייר צל אחד או יותר מאחורי (או בתוך) רכיב.

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

שכבות מרובות מופרדות בפסיקים ומאפשרות לערום צללים עדינים ליצירת עומק, זוהר או קצוות חדים.

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