מחולל צל CSS (box-shadow)
עיצוב צללים ב-CSS בצורה ויזואלית עם שכבות, inset, טשטוש, פיזור וצבע. תצוגה מקדימה חיה, תבניות כמו ניאומורפיזם ו-CSS מוכן להעתקה.
- בלי העלאות
- בלי הגבלות
- בלי הרשמה
תבניות מוכנות
- קלט:
- לחיצה אחת
- פלט:
- טקסט
- רץ על:
- המכשיר שלכם
- מגבלת גודל:
- אין
- חשבון:
- לא נדרש
מחולל צל CSS (box-shadow) – איך זה עובד
עצבו את הצל
הזיזו את המחוונים של היסט, טשטוש, פיזור ואטימות ובחרו צבע. סמנו פנימי לצל פנימי.
הערימו שכבות או השתמשו בתבנית
הוסיפו שכבות לעומק מציאותי, או התחילו מתבנית כמו רך, קשיח, ניאומורפיזם או שכבות.
העתיקו את ה-CSS
העתיקו את ההצהרה box-shadow (או text-shadow) המוכנה אל גיליון הסגנונות.
למה מחולל צל CSS (box-shadow) ב-Toolshed
בלי העלאות
הכול רץ בלשונית הדפדפן הזו. הקבצים שלכם לא עוזבים את המכשיר.
בלי הגבלות
בלי מגבלת גודל קובץ ובלי מכסה יומית. עבדו כמה שהמכשיר שלכם מסוגל לעבד.
בלי הרשמה
בלי חשבון, בלי מייל, בלי סימן מים.
שאלות נפוצות
למה כדאי כמה שכבות צל?
כמה צללים עדינים נראים טבעיים יותר מצל כבד אחד. שכבות עם טשטוש קטן במרחקים גדלים מחקות אור אמיתי ונותנות עומק חלק יותר.
מה עושה inset?
צל inset מצויר בתוך הקופסה ולא מחוצה לה, שימושי לכפתורים לחוצים, שדות קלט וזוהר פנימי.
אפשר גם צל לטקסט?
כן. עברו ל'צל לטקסט' כדי לראות ולהעתיק הצהרת text-shadow. פיזור ו-inset לא קיימים בטקסט, ולכן הפקדים האלה מוסתרים.
האם הקבצים שלי מועלים לאנשהו?
לא. מחולל צל CSS (box-shadow) רץ כולו בדפדפן שלכם. הקבצים מעובדים במכשיר שלכם ולעולם לא נשלחים לשרת.
יש מגבלת גודל קובץ?
אין מגבלה קבועה. המגבלה היחידה היא הזיכרון של המכשיר שלכם. קבצים גדולים מאוד עובדים הכי טוב בדפדפן במחשב.
האם מחולל צל CSS (box-shadow) באמת בחינם?
כן. אין חשבון ואין סימן מים. פרסומת קצרה אופציונלית, או המתנה של 20 שניות, פותחת כל הורדה. כך אנחנו שומרים על השירות בחינם.