
איך להצליל תמונות נכון: ההבדל בין box-shadow ל-drop-shadow
היום נציץ על הצללה של תמונות. פחחחחח אני יודע.ת את זה... 😕 טוב נו - אז היום נדבר על שני אופציות של הצללה של תמונות - box-shadow הרגיל והנחמד שעושה צל מסביב לכל הbox (האלמנט בעצמו) שיכול להיות נחמד - אבל יכול לאמלל לנו את החיים במקרה שיש חלקים שקופים בתמונה ואנחנו רוצים להצליל (לצלל\ לצלצל \להצל) רק מסביב לקוי המתאר של התמונה עצמה. הפיתרון המחריד 👎 - לפתוח בפוטושופ את התמונה ולהוסיף לה הצללה, החיסרון: אם המעצבת של האתר מחליטה מחר להפוך את כל ההצללות באתר לורוד זה מרגיש כמו הזמן הנכון להתפטר. הפיתרון הקליל 👍 - להשתמש בקוד שנמצא פה למטה ⬇ אז הdrop-shadow מצליל רק מסביב לקוי המתאר של התמונה עצמה (alpha channel) ובא לציון גואל. ומה עם codepen שאמרת שתביאאאא? 💀💀💀 בתגובה הראשונה רבותי מורי גבירותי אנד ג'נטלמנסים. שמים לב להבדל בין ההיפופוטם עם ההילה האדומה הקוסמית לשאר התמונות?
Yosefus Flavius
כותב הבלוג