חינמי | 100% בדפדפן | CSS בלבד
Box Shadow Generator
צור אפקטי צל CSS בקלות. כוונן כל פרמטר, הוסף שכבות צל מרובות — והעתק CSS מוכן לשימוש.
0px
4px
15px
0px
20%
#ffffff
#ffffff
.element {
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.20);
border-radius: 16px;
}הזזה אופקית (X)
מזיז את הצל ימינה (חיובי) או שמאלה (שלילי). 0 = ממורכז.
הזזה אנכית (Y)
מזיז את הצל למטה (חיובי) או למעלה (שלילי). 0 = ממורכז.
טשטוש (Blur)
ככל שהערך גבוה יותר, הצל רך ומפוזר יותר. 0 = קצוות חדים.
התפשטות (Spread)
מגדיל (חיובי) או מקטין (שלילי) את גודל הצל ביחס לאלמנט.
צבע ושקיפות
צבע הצל + שקיפות. שחור עם 10%-20% שקיפות נותן תוצאה טבעית.
Inset (פנימי)
הופך את הצל לפנימי — כאילו האלמנט שקוע פנימה. נפוץ בשדות קלט.
רוצה אתר עם עיצוב מרהיב?
צללים מושלמים הם רק חלק מעיצוב מקצועי. נבנה לך אתר שלם שנראה מיליון דולר.
דבר איתנו