Convertitore CSS a Tailwind

Converti CSS in classi utility Tailwind CSS online. Mappa proprietà CSS comuni alle classi Tailwind. Strumento di migrazione gratuito.

CSS

Tailwind Classes

Informazioni sulla conversione CSS a Tailwind

Tailwind CSS è un framework CSS utility-first che usa classi predefinite al posto di CSS personalizzato. Questo strumento automatizza la conversione delle proprietà CSS comuni tra cui display, position, flexbox, grid, spaziatura, tipografia, colori e bordi.

𝕏 Twitter in LinkedIn

Valuta questo strumento

4.3 / 5 · 229 valutazioni

Altri strumenti

{ }Compressore / Formattatore CSS CJCSS to JS Object JSXHTML a JSX SVGSVG a JSX/React

Resta aggiornato

Ricevi consigli dev e nuovi strumenti ogni settimana.

Niente spam. Cancella quando vuoi.

Enjoy these free tools?

☕Buy Me a Coffee

Come usare

Incolla il codice CSS (con o senza selettori)
Clicca Converti per generare le classi Tailwind
Verifica le classi convertite e le proprietà non convertite
Copia le classi Tailwind nei tuoi elementi HTML

Casi d'uso comuni

Migrare progetti CSS esistenti a Tailwind CSS
Convertire CSS da tool di design in classi Tailwind
Imparare gli equivalenti Tailwind delle proprietà CSS
Scaffoldare rapidamente layout Tailwind da mockup CSS

Domande frequenti

Tutto il CSS può essere convertito in Tailwind?

Non tutto il CSS ha un equivalente Tailwind diretto. Lo strumento converte le proprietà comuni. Il CSS complesso viene segnalato come 'non convertito'.

Come gestisce i colori personalizzati?

I colori personalizzati vengono convertiti con la sintassi di valori arbitrari di Tailwind: color: #ff5733 → text-[#ff5733].

Supporta i breakpoint responsive?

Lo strumento converte le proprietà CSS in ogni regola. Le classi responsive (sm:, md:, lg:) devono essere aggiunte manualmente.

Si può incollare CSS con selettori?

Sì. Lo strumento analizza i set di regole CSS con selettori e mostra le classi Tailwind per ogni selettore.