0

CSS Box Shadow Generator

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

0px
4px
12px
0px
0.25
מעבד... 0%

תוצאה

להצהרת צל של קופסה יש שישה חלקים נעים - היסט X ו-Y, טשטוש, התפשטות, צבע ומילת המפתח האופציונלית של הוספה - והדרך היחידה לתקן אותם היא לראות אותם. המחולל הזה שם כל חלק על סליידר ומציג את התוצאה בכרטיס תצוגה מקדימה תוך כדי גרירה, כך ששורת ה-CSS בתחתית היא תמיד בדיוק מה שאתה מסתכל עליו.

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

Shadows read very differently on dark interfaces, where a black shadow on a near-black page simply disappears. החלפת רקע התצוגה המקדימה מחליפה את הרקע בין בהיר לחושך כך שתוכל לבדוק את שני הנושאים לפני המשלוח. דפים מוגדרים מראש מכסים את הווריאציות שאנשים באמת מחפשים אחריהם: צל גובה רך, באר משובצת, מתכון הנוימורפיזם הדו-שכבתי וצל קלפים עדין.

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