مولّد CSS للظلال والحواف
عاين ظلًا وحوافًا مستديرة وحدودًا ثم صدّر القيم في كود واحد.
ابدأ من
px
px
px
px
%
px
px
النتيجة
بطاقتك
حرّك أي منزلق لترى الظل.
طريقة الاستخدام
- ابدأ من نموذج جاهز أو حرّك المنزلقات.
- اختر لون الظل ولون الحد ولون الصفحة خلف البطاقة.
- انسخ CSS أو نزّله كملف.
أمثلة
- بطاقة ناعمةرأسي 8، تمويه 24، قوة 18% box-shadow: 0px 8px 24px 0px rgba(16, 43, 41, 0.18);
- ظل حادأفقي 6، رأسي 6، تمويه 0، قوة 100% box-shadow: 6px 6px 0px 0px #102b29;
تفاصيل الأداة والخصوصية
شكّل ظل الصندوق واستدارة الزوايا والحد بالمنزلقات، وشاهده على بطاقة، ثم انسخ CSS.
الحكم على الظلال بالعين أسهل من الحكم عليها بالأرقام.
الخيارات
- الإزاحة من سالب 80 إلى 80، والتمويه من 0 إلى 80، والانتشار من سالب 40 إلى 40، والاستدارة حتى 80، والحد حتى 8. والظل الداخلي اختياري.
الحدود
- طبقة ظل واحدة، وأضف غيرها يدويًا إن احتجت.
- النتيجة CSS وليست صورة.
الخصوصية
ما تكتبه يبقى في متصفحك. لا يُرفع شيء ولا يُحفظ على الخادم.
أسئلة
هل يتجه الظل للأعلى أو لليسار؟
نعم، بإزاحة سالبة.
كيف أجعله أنعم؟
خفّض القوة أو زد التمويه.
هل أصنع مظهرًا غائرًا؟
نعم، فعّل الظل الداخلي.
هل يُرفع شيء؟
لا.