🔧 NavajaSuiza

גנרטור צל

יצירת צל של תיבת CSS

Configuración

Vista Previa

Elemento con sombra

💡Casos de uso

  • ✓ Crear efectos de profundidad
  • ✓ Diseñar botones con elevación
  • ✓ Generar sombras para tarjetas
  • ✓ Crear efectos 3D con CSS

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

Key Features

היסט צל מתכוונן (אופקי ואנכי)

פקדי טשטוש והפצת רדיוס

צבע צל מותאם אישית עם התאמת אטימות

תמיכה בצללים מרובים לאפקטים מורכבים

תצוגה מקדימה ויזואלית בזמן אמת

העתק קוד CSS בלחיצה אחת

מחולל צללי קופסה

1

התאם היסט

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

2

הגדר טשטוש והפצה

הגדר רדיוס טשטוש (רכות) ורדיוס התפשטות (הרחבת גודל)

3

בחר צבע

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

4

אפקט תצוגה מקדימה

הצג את אפקט הצל ברכיב התצוגה המקדימה בזמן אמת

5

העתק והשתמש

לחץ על העתק כדי להוסיף את קוד ה-CSS box-shadow לגיליון הסגנונות שלך

Use Cases

יצירת אפקטי עומק וגובה על כפתורים

עיצוב רכיבי כרטיס עם צללים עדינים

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

בניית עיצובי ממשק משתמש שכבות עם היררכיית צללים

Frequently Asked Questions

למה משמש צל בוקס?

Box-shadow יוצר אפקטי צל סביב רכיבי HTML לעומק ועניין ויזואלי

האם אני יכול ליצור צללים מרובים?

כן, הכלי תומך במספר צללי קופסה לאפקטים מורכבים

כיצד משפיעה האטימות על הצללים?

אטימות (אלפא) שולטת בשקיפות הצל מ-0 (שקוף) ל-1 (אטום)

האם הצללים CSS תואמים?

כן, כל ערכי box-shadow שנוצרו תואמים לדפדפנים מודרניים

Tool Information

Category
Palette עיצוב וציוד צבע
Type
Processed in browser
Tags

📤 Share This Tool

גנרטור צל - Gratis Online | NavajaSuiza Digital