محوّل CSS إلى Tailwind
حوّل أي CSS إلى فئات Tailwind CSS فوراً — تعيين كامل للخصائص وقيم عشوائية ودعم محددات متعددة وتحويل دفعي
حول محوّل CSS إلى Tailwind
حوّل أي CSS إلى فئات Tailwind CSS فوراً — تعيين كامل للخصائص وقيم عشوائية ودعم محددات متعددة وتحويل دفعي.
كيفية استخدام محوّل CSS إلى Tailwind
- 1الصق كود CSS في لوحة الإدخال (محدد واحد أو ملف أنماط كامل).
- 2انقر على 'تحويل' لرؤية فئات Tailwind المكافئة لكل محدد.
- 3راجع المخرجات — الخصائص تُميَّز بـ مطابق أو تقريبي أو عشوائي أو غير مدعوم.
- 4انسخ المخرجات كفئات خام أو JSX className أو سمة HTML class.
- 5استخدم الوضع الدفعي (Starter+) لتحويل عدة كتل CSS مفصولة بـ /* --- */.
نصائح
- القيم العشوائية (مثلاً w-[137px]) تُستخدم عند عدم وجود أداة Tailwind مطابقة — فكّر في التقريب إلى القيم القياسية.
- الصق ملفات أنماط كاملة بمحددات متعددة — الأداة تتعامل مع جميعها دفعة واحدة.
- استخدم وضع نسخ JSX عند العمل في React — يغلف الفئات بصيغة className.
المجاني مقابل المدفوع
مجاني: خصائص محدودة لكل تحويل. Starter+: خصائص غير محدودة والوضع الدفعي.
أدوات ذات صلة
فريق OneKitToolsتم التحديث 2.21.4