DevTulz Online

מחולל CSS Box Shadow

רקע


מהו CSS Box Shadow?

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

כיצד להשתמש במחולל Box Shadow

  1. כווננו את המחוונים עבור Offset X/Y, Blur ו-Spread למיקום ועיצוב הצל.

  2. לחצו על דוגמת הצבע לבחירת צבע הצל, והשתמשו במחוון Opacity לשקיפות.

  3. הפעילו 'Inset' ליצירת זוהר פנימי או אפקט לחוץ.

  4. לחצו על '+ הוסף שכבה' לערימת צללים מרובים.

  5. העתיקו את ה-CSS שנוצר והדביקו אותו בגיליון הסגנונות שלכם.

Keywords: מחולל CSS box shadow, box-shadow CSS, כלי צל CSS, CSS drop shadow, צל פנימי, צל רב-שכבתי, CSS shadow אונליין