Command Palette

Search for a command to run...

14 Strumenti disponibili

CSS e Design

Ogni strumento CSS e Design su Toolz.dev: 14 Utilità gratuite che vengono eseguite interamente nel tuo browser. Nessuna registrazione, nessun caricamento, nessun download.

Showing 14 tools

Generatore di gradiente CSS

Crea bellissimi gradienti CSS con l'anteprima dal vivo

Generatore di ombre di testo CSS

Progetta ombre di testo CSS stratificate con un'anteprima live e cursori per offset, sfocatura, colore e opacità: crea effetti di bagliore, contorno, 3D retrò e rilievo, quindi copia CSS pronto per la produzione.

Generatore di raggi di bordo CSS

Arrotonda qualsiasi angolo con un'anteprima dal vivo e slider per angolo, passa da PX, %, EM e REM e copia il raggio di bordo CSS valido più breve.

Generatore di filtri CSS

Applicare sfocatura, luminosità, contrasto, scala di grigi, seppia, ruota e altro con slider live e un'anteprima, quindi copiare il codice filtro CSS pronto per la produzione.

Generatore di vetromorfismo CSS

Crea un'interfaccia utente in vetro smerigliato con un'anteprima live e cursori per sfocatura dello sfondo, trasparenza, saturazione, colore e raggio, quindi copia i CSS pronti per la produzione.

Generatore di neumorfismo CSS

Crea elementi soft-UI (neumorfici) con un'anteprima live e controlli per distanza, sfocatura, intensità, raggio, colore della superficie e forme piatte/concave/convesse/presse - quindi copia il CSS.

Generatore Flexbox

Costruisci visivamente i layout flexbox CSS Regola justify-content, allinea-items, direzione, wrap e gap con un'anteprima live, quindi copia il CSS generato - tutto nel tuo browser.

Generatore di griglia CSS

Costruisci visivamente i layout della griglia CSS Imposta colonne, righe, dimensioni delle tracce, intervalli e allineamento con un'anteprima live, quindi copia il CSS della griglia generato, tutto nel tuo browser.

Generatore di trasformatori CSS

Costruisci una trasformazione CSS da traduci, ruota, scala, inclina e prospettiva 3D con cursori live e un'anteprima, quindi copia il codice pronto per la produzione.

Generatore di transizione CSS

Costruisci una transizione CSS da proprietà, durata, funzione di temporizzazione e ritardo con un'anteprima live hover, quindi copia il codice pronto per la produzione Supporta più livelli.

Generatore di animazione CSS

Costruisci animazioni di fotogrammi chiave CSS da preset come dissolvenza, diapositiva, rimbalzo e rotazione Regola durata, allentamento, ritardo, iterazione e direzione, visualizza l'anteprima dal vivo, quindi copia i fotogrammi chiave e la stenografia dell'animazione.

Generatore di ombre della scatola CSS

Progetta ombretti box CSS a più livelli con un'anteprima live e cursori per offset, sfocatura, diffusione, colore, opacità e inserimento, quindi copia CSS pronto per la produzione.

Convertitore di unità CSS

Converti tra unità CSS - px, rem, em, pt e % - con una dimensione del carattere root configurabile, output istantaneo di tutte le unità e una tabella di riferimento px-to-rem per una tipografia reattiva.

Generatore di morsetti CSS

Genera valori di morsetto () CSS fluidi e reattivi che si scalano tra le finestre