مولّد box-shadow في CSS
أنشئ قيم box-shadow في CSS بصريًا. عاين في الوقت الفعلي وانسخ الـ CSS المولَّد.
box-shadow: 0px 8px 16px 0px #00000033;
ما هو مولّد box-shadow في CSS؟
تقبل خاصية box-shadow في CSS إزاحة أفقية، وإزاحة رأسية، ونصف قطر تمويه (blur)، ونصف قطر امتداد (spread)، ولونًا. ويمكن تكديس عدة ظلال للحصول على تأثيرات طبقية. ينتج هذا المولّد البصري الـ CSS لأي تركيبة: مفيد للأزرار والبطاقات وتأثيرات العمق.
الأسئلة الشائعة
كيف أكدّس عدة ظلال؟▼
ما الفرق بين التمويه والامتداد؟▼
أدوات ذات صلة
محوّل الألوان (HEX/RGB/HSL)
حوّل الألوان بين صيغ HEX و RGB و HSL. اختر لونًا بصريًا أو أدخل القيم يدويًا.
مولّد التدرّجات اللونية في CSS
أنشئ تدرّجات CSS خطية وشعاعية. اختر الألوان بصريًا وانسخ كود CSS الناتج.
مولّد منحنيات التسارع cubic-bezier
أنشئ منحنيات تسارع (easing) بصيغة cubic-bezier لـ CSS. يتضمن إعدادات مسبقة قياسية.
مولّد لوحات الألوان
أنشئ لوحات ألوان متناغمة انطلاقًا من أي لون أساسي. يدعم الأنظمة المكمّلة والمتشابهة والثلاثية والأحادية اللون.
مولّد border-radius في CSS
أنشئ قيم border-radius معقّدة في CSS بصريًا. تحكّم مستقل في كل زاوية.
مولّد CSS Clamp()
أنشئ قيم CSS مرنة ومتجاوبة باستخدام clamp(). تتدرّج بسلاسة بين الحدين الأدنى والأقصى عبر نطاقات إطار العرض (viewport).