CSS a Tailwind
Converti codice CSS in classi Tailwind CSS. Incolla il CSS e ottieni le classi Tailwind istantaneamente.
⚠️ Proprietà non supportate ()
Informazioni su CSS a Tailwind
Incolla un insieme di regole CSS e questo convertitore restituisce le classi di utilità Tailwind equivalenti, raggruppate sotto ciascun selettore. Confronta le dichiarazioni con le scale predefinite di Tailwind — spaziature, da text-xs a text-9xl, rounded-lg, gray-700 e tutte le altre — e ripiega su valori arbitrari come p-[13px] quando non trova corrispondenze, elencando le dichiarazioni che non è riuscito a convertire. Utile quando devi migrare a Tailwind un vecchio foglio di stile o un componente datato. Il parsing avviene nel tuo browser: il CSS non viene mai caricato online.
Casi d'uso
Come usare
Incolla una regola CSS o un intero blocco di dichiarazioni nel riquadro CSS a sinistra, oppure fai clic su Esempio per caricarne uno di prova.
Guarda il riquadro Tailwind CSS a destra riempirsi mentre digiti, con ogni proprietà e valore associato alla relativa classe di utilità.
Controlla l'output selettore per selettore: ogni regola compare come intestazione in forma di commento, seguita dall'elenco di classi da incollare in un attributo class.
Apri il riquadro giallo Proprietà non supportate per vedere le dichiarazioni prive di equivalente Tailwind, elencate con il rispettivo selettore, così puoi gestirle a mano.
Fai clic su Copia per portare negli appunti le classi generate.
Fai clic su Cancella per svuotare entrambi i riquadri prima di incollare il blocco di CSS successivo.
Suggerimenti Pro
- Incolla il contenuto direttamente: il convertitore CSS in Tailwind riconosce i formati di input più comuni e applica in automatico impostazioni predefinite sensate.
- Usa le scorciatoie da tastiera (Ctrl/Cmd+A per selezionare tutto, Ctrl/Cmd+C per copiare) per velocizzare il lavoro nel convertitore CSS in Tailwind.
- Con input molto grandi, suddividili in blocchi: la maggior parte delle schede del browser regge diversi megabyte di testo, ma l'analisi di payload enormi può bloccare l'interfaccia per qualche istante.
- Il convertitore CSS in Tailwind non registra né memorizza ciò che inserisci. Se ti serve uno storico, copia i risultati importanti in un file locale o in un'app per le note.
- Combina il convertitore CSS in Tailwind con gli altri strumenti del sito (formattatori, convertitori, encoder) per costruire pipeline di dati complete senza uscire dal browser.
Domande frequenti
Sì, è completamente gratuito: nessuna registrazione, nessuna chiave API, nessuna filigrana e nessun limite di utilizzo.
No. Il convertitore CSS in Tailwind funziona interamente lato client nel tuo browser. Ciò che inserisci non passa mai dai nostri server.
Non esiste un limite rigido, ma oltre qualche megabyte è normale notare dei rallentamenti, a seconda della memoria del tuo dispositivo.
Sì. I risultati generati con il convertitore CSS in Tailwind sono tuoi e puoi usarli liberamente in qualsiasi progetto personale o commerciale.
Gran parte della logica gira in JavaScript lato client, quindi dopo il caricamento iniziale puoi spesso continuare a lavorare senza connessione di rete.
Nessuno. Dato che il convertitore CSS in Tailwind gira nel tuo browser, puoi elaborare tutti i dati che il tuo hardware consente, senza chiavi API né limitazioni.