Design & CSS
Genera colori pratici e CSS con un'anteprima locale in tempo reale.
Inventario dei rapporti d'aspetto CSS
Estrarre le dichiarazioni di proporzioni e riassumere le proporzioni uniche utilizzate da un foglio di stile.
Apri strumento →CSS Sticky Posizione Checker
trova le regole di posizionamento sticky e indica se ciascuna dichiara un margine di inset utilizzabile.
Apri strumento →CSS Viewport Unit Inventory
unità viewport classiche, piccole, grandi e dinamiche usate nel CSS incollato.
Apri strumento →Trova dichiarazioni duplicate CSS
trova le proprietà dichiarate più di una volta all'interno della stessa regola CSS piatta per una revisione mirata.
Apri strumento →CSS Overflow Inventory
overflow dell'inventario, dichiarazioni overflow-x e overflow-y e riassumere i valori di ritaglio e scorrimento.
Apri strumento →Inventario delle proprietà di transizione CSS
estrai le proprietà CSS con transizione dalle dichiarazioni shorthand e transition-property.
Apri strumento →Inventario dell'interlinea CSS
inventario delle dichiarazioni di line-height e classifica i valori senza unità, relativi, assoluti e normali.
Apri strumento →Controllo di visibilità del focus CSS
confronta i selettori focus e focus-visible e segnala le regole che sopprimono i contorni di focus da tastiera.
Apri strumento →Inventario dei media di stampa CSS
blocchi di supporti di stampa inventariati e le dichiarazioni comunemente usate per strutturare l'output stampato.
Apri strumento →Controllo del movimento ridotto CSS
ispeziona le regole prefers-reduced-motion e segnala le dichiarazioni di movimento senza un percorso esplicito di riduzione.
Apri strumento →Inventario di visualizzazione dei font CSS
strategie di visualizzazione dei font nell’inventario all’interno delle regole font-face e segnala il comportamento di caricamento omesso.
Apri strumento →Controllore dei colori forzati CSS
ispeziona le media query forced-colors e le dichiarazioni forced-color-adjust per la compatibilità con l'alto contrasto.
Apri strumento →Inventario delle azioni touch CSS
dichiarazioni touch-action dell'inventario e riassumi le restrizioni dei gesti nel CSS incollato.
Apri strumento →CSS Utente Seleziona Inventario
dichiarazioni user-select dell'inventario ed evidenzia le regole che disabilitano la selezione del testo.
Apri strumento →Inventario dei colori di accento CSS
dichiarazioni accent-color dell’inventario utilizzate per stilizzare i controlli nativi dei moduli.
Apri strumento →Inventario della proprietà CSS scrollbar
proprietà standard della barra di scorrimento dell'inventario e selettori legacy della barra di scorrimento WebKit nel CSS incollato.
Apri strumento →Generatore di checkbox CSS accessibile
Crea una casella di controllo personalizzata con uno stato selezionato visibile, un anello di focus da tastiera e controlli delimitati per dimensioni, raggio e colore, quindi copia localmente il CSS completo.
Apri strumento →Generatore di interruttori a levetta CSS accessibile
Genera un interruttore a levetta reattivo basato su caselle di controllo con una geometria coerente di traccia e cursore, colori attivi e un trattamento di messa a fuoco visibile da tastiera.
Apri strumento →Generatore di forme CSS Clip Path
Scegli un preset geometrico delimitato e crea un poligono clip-path conforme agli standard con un’anteprima colore in tempo reale e senza dati di progettazione caricati.
Apri strumento →Generatore di pattern di sfondo CSS
Crea sfondi leggeri a punti, a griglia o con strisce diagonali da gradienti CSS, con spaziatura, spessore del tratto e colori controllati invece di risorse immagine.
Apri strumento →Generatore di Glassmorphism CSS accessibile
Componi un pannello traslucido con colore di fallback, sfocatura dello sfondo, bordo, raggio e valori di ombra, mentre visualizzi in anteprima il contrasto su uno sfondo locale controllato.
Apri strumento →Convertitore da HTML a SVG
Trasforma un frammento HTML sanificato in una tela SVG scalabile, il cui testo e layout rimangano nitidi a diverse dimensioni di visualizzazione.
Apri strumento →Renderer HTML in PNG
Rendi l'HTML sanificato come immagine PNG senza perdita con una dimensione della tela esplicita e uno sfondo opzionale adatto alla trasparenza.
Apri strumento →Convertitore HTML in JPG
Converti HTML sanificato in una tela JPEG fotografica compatta per anteprime, bozze di email e immagini social che non richiedono trasparenza.
Apri strumento →Nessuno strumento corrispondente in questa pagina.