CSS से Tailwind कनवर्टर

संदर्भ

CSS से Tailwind रूपांतरण क्या है?

Tailwind CSS एक यूटिलिटी-फ़र्स्ट CSS फ्रेमवर्क है जहाँ आप कस्टम CSS लिखने के बजाय flex, p-4, और text-center जैसी पूर्व-परिभाषित कक्षाओं से तत्वों को स्टाइल करते हैं। यह टूल सामान्य CSS गुणों को उनके Tailwind समकक्षों से मैप करता है। CSS घोषणाएँ पेस्ट करें और संबंधित Tailwind कक्षा स्ट्रिंग प्राप्त करें। जिन गुणों का सीधा Tailwind मिलान नहीं है, वे अलग से दिखाए जाते हैं।

समर्थित रूपांतरण

लेआउट — display, position, flex, grid गुण। स्पेसिंग — Tailwind की स्पेसिंग स्केल के साथ 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 Tailwind के rounded स्केल पर मैप। इफ़ेक्ट — opacity, cursor, overflow, visibility, white-space। आर्बिट्रेरी मान — hex रंग bg-[#3b82f6] जैसे Tailwind आर्बिट्रेरी मान सिंटैक्स में बदले जाते हैं।

गोपनीयता

सभी रूपांतरण 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।