עיצוב

מחולל צל CSS

גנרטור צללי CSS – עצבו צללים באופן ויזואלי.

איך להשתמש

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

FAQ

האם אפשר לערבב כמה צללים?

כן — הוסף שכבות כדי לשלב צל רך ואמביינט עם צל צמוד, או לערבב זוהרות צבעוניות. לכל שכבה יש את ההזזה, הטשטוש, ההתפשטות, הצבע וההפעלה/כיבוי של inset שלה.

מה תפקיד ההגדרות המוקדמות?

נקודות התחלה בלחיצת כפתור: הרמת כרטיס בסגנון Stripe, עיצוב Neumorphism מוגבה/לחוץ, עומק חומרי ואור רך — שנו את הסליידרים לאחר היישום.

איך אני משתמש בתוצאה?

העתקו את שורת ה-box-shadow לקובץ CSS שלכם. מספר שכבות מופרדות בפסיק, בדיוק כפי שדפדפנים מצפים.

עודכן לאחרונה: