CSS към Tailwind Конвертор
Конвертирайте CSS свойства към utility класове на Tailwind CSS. Поддържа оформление, разстояния, типография, цветове и още. Вижте несъответстващи свойства. Безплатно, 100% във вашия браузър.
Несъответстващ CSS (не е намерен Tailwind еквивалент):
Справка
Какво е конвертиране от CSS към Tailwind?
Tailwind CSS е utility-first 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% във вашия браузър. Никакви данни не се изпращат към сървър.