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

محول CSS إلى Tailwind

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

ما هو تحويل CSS إلى Tailwind؟

Tailwind CSS هو إطار عمل CSS قائم على الأدوات المساعدة حيث تنسق العناصر باستخدام فئات محددة مسبقاً مثل flex و p-4 و text-center بدلاً من كتابة CSS مخصص. تربط هذه الأداة خصائص CSS الشائعة بمكافئاتها في Tailwind. الصق تصريحات CSS واحصل على سلسلة فئات Tailwind المقابلة.

التحويلات المدعومة

التخطيط — display و position و flex وخصائص grid. التباعد — padding و margin و gap و width و height. الطباعة — font-size و font-weight و text-align و text-transform و letter-spacing و line-height. الألوان — background-color و color و border-color بقيم hex. الحدود — border-radius. التأثيرات — opacity و cursor و overflow و visibility و white-space. القيم العشوائية — قيم hex تُحول إلى صياغة القيم العشوائية في Tailwind.

الخصوصية

جميع عمليات التحويل تتم بنسبة 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.