ToolHub
فتح الأداة

تحويل CSS إلى Tailwind

تحويل خصائص CSS إلى فئات أدوات Tailwind CSS مع دعم المتغيرات المتجاوبة والحالة

أدوات CSS

حول هذه الأداة

محول CSS إلى Tailwind يحول خصائص CSS التقليدية إلى فئات أدوات Tailwind CSS المكافئة. يعالج التباعد والطباعة والألوان والتخطيط المرن والموضع والحدود والمزيد، مع دعم صيغة القيم الاعتباطية للقيم غير القياسية. مثالي للمطورين الذين يهاجرون المشاريع الحالية إلى Tailwind أو يتعلمون إطار العمل ذا الأولوية العملية.

الميزات الرئيسية

معاينة سريعة

حالات الاستخدام

css tailwind converter

الأسئلة الشائعة

ما خصائص CSS المدعومة؟

يدعم المحول display والتخطيط المرن والموضع والتباعد والطباعة والألوان والحدود و overflow و cursor والعديد من خصائص CSS الأخرى. يعالج كلًا من الخصائص المختصرة والكاملة.

هل تدعم القيم الاعتباطية؟

نعم، عندما لا يمكن تعيين قيمة CSS إلى فئة Tailwind قياسية، يولد المحول صيغة قيمة اعتباطية باستخدام الأقواس المربعة، مثل w-[200px] أو text-[#ff6600].

هل يمكنني تحويل ملف CSS كامل مرة واحدة؟

نعم، يمكنك لصق قواعد CSS متعددة مع محدداتها وستقوم الأداة بتحويل كل خاصية إلى مكافئ Tailwind. تُخرج الخصائص غير المعروفة كتعليقات للرجوع إليها.

كيف يتم تحويل الألوان؟

يعيّن المحول الألوان السداسية العشرية الشائعة إلى أسماء ألوان Tailwind، مثل #3b82f6 إلى blue-500. الألوان التي لا تطابق لوحة Tailwind القياسية تُخرج بصيغة قيمة اعتباطية مثل bg-[#ff6600].

هل يتم إرسال كود CSS الخاص بي إلى الخادم؟

لا. تتم جميع التحويلات محليًا في المتصفح. لا يتم تحميل أو نقل كود CSS الخاص بك إلى أي خادم، مما يضمن بقاء عملك خاصًا تمامًا.