CSS a Tailwind
Converti regole CSS semplici o dichiarazioni in classi Tailwind 4 suggerite. Controlla conflitti e selettori non supportati.
Scegli “Blocchi di regole” o “Dichiarazioni” in “Modalità”, incolla CSS e usa “Converti”. Controlla corrispondenze e avvisi. Metodo e limiti
Sintassi o valore non supportato.
Dichiarazioni
Metodo e limiti
Metodo e limiti
La migrazione al tema predefinito Tailwind 4 è indicativa per selettore semplice. Scegli Blocchi o Dichiarazioni. Classi esatte o proprietà arbitrarie mantengono pixel, colori, spaziature a tre valori, bordi, ombre, transizioni e important. La dimensione del carattere non aggiunge altezza di riga. Conflitti e alternative ripetute restano in ordine per migrazione manuale; classi indipendenti possono riuscire. Regole annidate, @ e selettori complessi restano con avviso. Ogni valore non supportato riceve un motivo. Specificità, cascata, temi propri e preflight non sono riprodotti; nessuna classe applicata qui.
I dati sono elaborati localmente nel worker, senza invio, salvataggio o registrazione del codice. Pubblicità e sito possono effettuare richieste di rete. Le risorse devono caricarsi; uso offline non garantito.
Ingresso 1 MiB UTF-8; uscita 2 MiB; 5 s incluso caricamento. CSS/HTML: profondità 128, 50000 nodi. Terminare il worker limita risorse senza isolamento della memoria.
Copiato
Copia non riuscita. Seleziona il risultato e copialo manualmente.
Informazioni su CSS a Tailwind
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.
.x { display:flex; padding:1rem; color:#ffffff; } → flex p-4 text-white
Metodo tecnico versionato; nessun anno legale o di calendario di riferimento.
Casi d'uso
Come usare
Incolla CSS in “Ingresso”, oppure usa “Carica esempio” per caricare un esempio.
Scegli “Blocchi di regole” o “Dichiarazioni” in “Modalità”, incolla CSS e usa “Converti”. Controlla corrispondenze e avvisi.
Fai clic su Copia per portare negli appunti le classi generate.
Usa “Cancella” per svuotare bozza e risultato; “Annulla” interrompe il lavoro corrente.
Suggerimenti Pro
- 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.
- 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.
- Controlla avvisi e risultato prima di copiare. Il successo non dimostra compatibilità con la tua applicazione.
Domande frequenti
La migrazione al tema predefinito Tailwind 4 è indicativa per selettore semplice. Scegli Blocchi o Dichiarazioni. Classi esatte o proprietà arbitrarie mantengono pixel, colori, spaziature a tre valori, bordi, ombre, transizioni e important. La dimensione del carattere non aggiunge altezza di riga. Conflitti e alternative ripetute restano in ordine per migrazione manuale; classi indipendenti possono riuscire.
Regole annidate, @ e selettori complessi restano con avviso. Ogni valore non supportato riceve un motivo. Specificità, cascata, temi propri e preflight non sono riprodotti; nessuna classe applicata qui.