من ظلال CSS إلى Tailwind

الظلال الشائعة → shadow / shadow-lg. الفريدة → قيم اختيارية.

الظلال الشائعة لها مقابل مباشر: shadow لارتفاع خفيف وshadow-lg لبروز أوضح. أما الظلال المصممة خصيصًا بطبقات متعددة أو بلون خاص فتُكتب كأدوات بقيم حرة. في هذه الحالة لا يخبرك اسم الصنف بشيء مفيد، لذا قارن النتيجة بالأصل على الشاشة قبل اعتمادها.

ظلال المقياس

box-shadow الناعمة غالبًا → shadow / shadow-md. ظلال العلامة متعددة التوقفات غالبًا shadow-[…].

المرشحات

drop-shadow وfilter لا يُربطان دائمًا 1:1؛ اقرأ الملاحظة قبل فرض أداة.

ارتفاع صادق

إن طلب المحوّل مراجعة فاحتفظ بالقيمة الدقيقة بين أقواس بدل «أقرب shadow».

جرّب

فتح المحوّل

.example { display: flex; gap: 1rem; padding: 1rem; }

ملاحظة ثقة: تحقق بصريًا من النتيجة. المحوّل مسودة مساعدة للمطوّرين.