مولد ظلال CSS
إعدادات الظل
الإعدادات المسبقة
معاينة الظل
كود CSS
.element {
box-shadow: 0px 10px 20px rgba(0, 0, 0, 1);
}
? الأسئلة الشائعة
ما هي خصائص الظل في CSS التي يمكنني إنشاؤها؟
تُنشئ الأداة ظلالًا للعناصر (للمربعات) وظلالًا للنصوص (للنصوص). يمكنك التحكم في الإزاحة الأفقية/الرأسية، ونصف قطر التمويه، ونصف قطر الانتشار (للمربعات فقط)، واللون، والظلال الداخلية. كما يُمكن دمج عدة ظلال في طبقات.
كيف يمكنني إنشاء تأثيرات ظلال واقعية؟
تستخدم الظلال الواقعية طبقات متعددة من الظلال بدرجات متفاوتة من التمويه والشفافية لمحاكاة الضوء الحقيقي. ابدأ بظل حاد وداكن بالقرب من الجسم، ثم أضف ظلالًا أكثر نعومة وإشراقًا لإضفاء العمق.
ما الفرق بين التشويش والانتشار؟
يتحكم نصف قطر التمويه في مدى نعومة/ضبابية حواف الظل (كلما زاد، زادت النعومة). أما نصف قطر الانتشار فيعمل على توسيع أو تقليص حجم الظل قبل التمويه. يتوفر خيار الانتشار فقط لظل المربع، وليس لظل النص.
هل يمكنني خلق ظلال داخلية؟
نعم! تُنشئ الكلمة المفتاحية "inset" ظلالًا داخلية تظهر داخل العنصر، مما يُعطي مظهرًا غائرًا أو مُنخفضًا. وهذا رائع لإنشاء أزرار مضغوطة أو أسطح مُنخفضة.
هل يعرض معاينة مباشرة؟
نعم، يوفر المُولِّد معاينة مرئية فورية أثناء تعديل معلمات الظل. يمكنك رؤية شكل الظل بدقة ونسخ كود CSS المُولَّد مباشرةً إلى ملف أنماط CSS الخاص بك.
هل بياناتي آمنة ومحمية؟
نعم، بكل تأكيد! تعمل هذه الأداة بالكامل داخل متصفحك. تتم معالجة جميع البيانات محليًا على جهازك - لا يتم تحميل أي شيء إلى خوادمنا. لا تغادر ملفاتك وبياناتك جهاز الكمبيوتر الخاص بك أبدًا، مما يضمن لك خصوصية وأمانًا تامين.