box-shadow

איש נחמד (ומתכנת מוכשר) בשם חן כהן גילה לי את מה שהרשת לא נאותה לגלות לי.

העיקרון הפשוט של box shadow.

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

ל Box-shadow  יש ארבע פרמטרים מספריים והחמישי הוא צבע.

הראשון הוא ימין או שמאל (מינוס כלומר שמאלה וערך חיובי כלומר ימינה)

השני הוא למעלה למטה (מינוס כלומר למעלה וערך חיובי כלומר למעטה)

שני הפרמטרים האלו יחד בעצם קובעים את נקודת ההתחלה של הצל

הפרמטר השלישי הוא בהירות (עמימות / שקיפות)

הפרמטר הרביעי הוא פיזור (רוחב הצל)

אם ניתן ערך 0 בכל הפרמטרים האלו נקבל למעשה צל שהוא בגודל זהה לאובייקט המוצלל וממוקדם בדיוק מאחוריו. במקרה הזה לא נראה את צל.

עכשיו תתחילו לשחק בערכים אחד אחד ולראות מה ואיך קורה.

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

תהנו.