منشئ ظلال CSS
صمم تأثيرات box-shadow وtext-shadow متعددة الطبقات مع معاينة حية وإعدادات مسبقة
حول منشئ ظلال CSS
صمم تأثيرات box-shadow وtext-shadow متعددة الطبقات مع معاينة حية وإعدادات مسبقة ومخرجات CSS جاهزة للإنتاج — كل شيء في المتصفح.
كيفية استخدام منشئ ظلال CSS
- 1اختر بين وضعي ظل الصندوق وظل النص.
- 2اضبط خصائص الظل: الإزاحة الأفقية/العمودية والتمويه والانتشار (للصندوق فقط) واللون.
- 3أضف طبقات ظل متعددة لتأثيرات العمق — كل طبقة لها ضوابط مستقلة.
- 4فعّل 'داخلي' للظلال الداخلية (ظل الصندوق فقط).
- 5جرّب الإعدادات المسبقة (خفيف ومتوسط وثقيل وتوهج نيون وعمق متعدد الطبقات) أو أنشئ ظلالك الخاصة.
- 6انسخ مخرجات CSS لمشروعك.
نصائح
- الظلال متعددة الطبقات (3+ طبقات بشفافية متناقصة) تنشئ أكثر تأثيرات العمق واقعية.
- ظلال توهج النيون بألوان زاهية على خلفيات داكنة تنشئ تأثيرات مرئية لافتة لأزرار الدعوة للعمل.
- استخدم ظلالاً خفيفة (تمويه 1-4 بكسل وشفافية منخفضة) للبطاقات وحقول الإدخال — الظلال الثقيلة غالباً تبدو قديمة.
المجاني مقابل المدفوع
مجاني: طبقات محدودة. Starter+: طبقات ظل إضافية.
أدوات ذات صلة
فريق OneKitToolsتم التحديث 2.21.4