انتقل إلى المحتوى

مولّد الظل

أداة مجانية لتوليد CSS box-shadow. تحكم بالإزاحة والضبابية والانتشار واللون مع معاينة فورية. نسخ الكود. معالجة في المتصفح.

منشئ CSS Box Shadow أداة مجانية على الإنترنت تحرّر خاصية box-shadow بصرياً. اضبط الإزاحة والتمويه والانتشار واللون بأشرطة التمرير مع معاينة فورية. يدعم ظلالاً متعددة وinset. تتم المعالجة في المتصفح دون رفع إلى خادم، ومجاني تماماً لتطوير الويب.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock لا يتم إرسال الملفات إلى أي خادم

كيف تستخدم مولّد الظل؟

  1. اضبط قيم الإزاحة الأفقية/العمودية والتمويه والانتشار بأشرطة التمرير.
  2. اضبط لون الظل وشفافيته.
  3. انسخ كود CSS المُنشأ واستخدمه في مشروعك.

الأسئلة الشائعة حول مولّد الظل

هل يمكنني إضافة ظلال متعددة دفعة واحدة؟

نعم، يمكنك إضافة ظلال متعددة لإنشاء عمق وتأثيرات معقدة. ويمكن ضبط كل ظل على حدة.

ما هو ظل inset؟

يظهر ظل inset داخل العنصر بدلاً من خارجه. بينما يظهر box-shadow العادي خارجاً، تُنشئ إضافة inset تأثير غائر مضغوط.