Soft CSS Box Shadow - קוד מוכן
בנה קוד תיבה-צל של CSS בצורה ויזואלית: מחוונים להיסט, טשטוש, פיזור, צבע עם אטימות, מצב הוספה ועד ארבע שכבות עם תצוגה מקדימה חיה.
תוצאה
דף זה פותח את מחולל הצלליות שנטען מראש בצל רך: ללא היסט אופקי, 8 פיקסלים למטה, טשטוש נדיב של 24 פיקסלים ואטימות שחורה נמוכה של 12%. כרטיס התצוגה המקדימה מציג אותו מיד - דחף כל מחוון וקו ה-CSS יגיע בזמן אמת.
Soft shadows are the workhorse of modern interfaces. טשטוש גדול בשילוב עם אטימות נמוכה מרים כרטיס מהדף מבלי לצייר קו מתאר קשיח, וזו הסיבה שרוב מערכות העיצוב שומרות על צללי הגובה שלהן בדיוק בטווח הזה במקום הצללים הצפופים והכהים של עיצוב שטוח מוקדם.
Copy the box-shadow line straight into your stylesheet, or stack up to three more layers for a richer elevation. המחולל פועל כולו בדפדפן שלך - שום דבר לא מועלה לשום מקום.