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। রঙ — hex মান সহ background-color, color, border-color (আর্বিট্রারি মান হিসেবে)। বর্ডার — border-radius Tailwind-এর rounded স্কেলে ম্যাপ। ইফেক্ট — opacity, cursor, overflow, visibility, white-space। আর্বিট্রারি মান — hex রঙ bg-[#3b82f6]-এর মতো Tailwind আর্বিট্রারি মান সিনট্যাক্সে রূপান্তরিত হয়।

গোপনীয়তা

সমস্ত রূপান্তর 100% আপনার ব্রাউজারে চলে। কোনো ডেটা কোনো সার্ভারে পাঠানো হয় না।