ظل CSS
ظل CSS: جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
ظل CSS: المدخلات والنتائج والحدود
ظل CSS: جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
تفاصيل الأمثلة والأسئلة أدناه باللغة الإنجليزية حالياً. راجع تنسيق الملف والنتيجة قبل الاستخدام؛ لا تتغير ملفاتك الأصلية.
خطوات الاستخدام
- أدخل النص أو استخدم المثال الموضّح في الأداة.
- راجع الخيارات قبل التشغيل: الإزاحة الأفقية: 0 · الإزاحة العمودية: 12 · نطاق التمويه: 28 · الانتشار: 0 · لون الظل: #102937
- راجع المعاينة أو النص الناتج ثم نزّل ملفاً جديداً.
حالة استخدام توضيحية
A soft card shadow using offsets, blur and spread.
Select a real sample file you are allowed to process. Begin with a short, simple input before attempting a complex document or recording.
طريقة فحص الناتج
Compare the preview against your real page background. A shadow can be invisible on a dark surface or misleadingly heavy when the component is small.
حدود الأداة
جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
الإعدادات والقيم الابتدائية
| الإعداد | القيمة الابتدائية |
|---|---|
| الإزاحة الأفقية | 0 |
| الإزاحة العمودية | 12 |
| نطاق التمويه | 28 |
| الانتشار | 0 |
| لون الظل | #102937 |
حل المشكلات
Inspect the result in the destination component or viewer. A declaration needs a valid CSS context; an image needs suitable dimensions; a sanitized SVG can lose unsupported features.
الأسئلة الشائعة
Does copying the shadow include the entire card design?
No. It supplies the box-shadow declaration. Spacing, borders and typography still come from your CSS.
What input does CSS card shadow need?
Use the sample text shown below, then replace it with your own input. Review the result for the destination where it will be used.
Which options does CSS card shadow provide?
Horizontal offset, Vertical offset, Blur radius, Spread, Shadow colour. Review the starting values in the table and adjust them for your input.
المعالجة على جهازك؛ نسّق النص النهائي وراجع الناتج قبل المشاركة.
JavaScript enables the interactive workspace.