CodeKitHubStrumenti CSS
Generatori CSS visuali — muovi i cursori, copia il codice, senza dover memorizzare la sintassi.
Strumenti in questa categoria
Generatore di raggio di bordo
Trascina i cursori per arrotondare ogni angolo e copia il codice CSS relativo al border-radius.
Generatore di ombreggiatura dei riquadri
Regola i cursori relativi a offset, sfocatura, diffusione e colore, quindi copia il codice CSS relativo all'ombra del riquadro.
Generatore di ombre per React Native
Progetta un'ombra visivamente e ottieni l'oggetto di stile React Native esatto per iOS e Android.
Generatore Cubic-Bezier CSS
Modella una curva di easing con i cursori, guarda l'animazione dal vivo e copia il CSS cubic-bezier().
Generatore di Testo Glitch CSS
Scrivi il tuo testo, scegli due colori glitch e copia il CSS + HTML animato con effetto di separazione cromatica.
Generatore di Loader CSS
Crea un'animazione di caricamento CSS rotante, rimbalzante o pulsante e copia CSS + HTML.
Generatore di Checkbox CSS
Stilizza una checkbox con segno di spunta arrotondato, interruttore o cerchio pieno e copia il CSS.
Generatore di Interruttore CSS
Regola dimensioni, colori e arrotondamento, poi copia un interruttore accessibile basato su checkbox come HTML e CSS.
Generatore di Triangolo CSS
Scegli direzione, dimensione e colore, poi copia un triangolo in CSS puro costruito con il trucco dei bordi.
Generatore di glassmorphism CSS
Regola l'opacità dello sfondo, la sfocatura, il bordo e il raggio per creare una scheda in vetro smerigliato, poi copia il CSS.
Generatore di motivi di sfondo CSS
Scegli un motivo (pois, righe, scacchiera, griglia), regola colore e dimensione, poi copia il CSS.
Generatore di gradienti CSS
Crea gradienti lineari e radiali con punti colore e un cursore per l'angolo, poi copia il CSS.
Generatore di clip-path CSS
Scegli una forma preimpostata, guarda il ritaglio in anteprima dal vivo e copia il codice CSS clip-path generato.
Riferimento Colori Tailwind
Cerca qualsiasi colore predefinito di Tailwind in entrambe le direzioni: hex a nome classe, o nome classe a hex/RGB — più una palette completa consultabile.
Convertitore Pantone CMYK RGB
Converti tra codici Pantone (PMS), CMYK, RGB e Hex in entrambe le direzioni, con un riferimento Pantone di 1341 colori ricercabile.
Generatore di Testo in Rilievo CSS
Genera istantaneamente effetti di testo CSS in rilievo o inciso — scrivi il testo, regola stile e intensità, e copia il codice CSS.
Generatore di Testo Neon
Genera istantaneamente effetti di testo CSS neon luminosi — scrivi il testo, scegli il colore del bagliore e l'intensità, e copia il codice CSS.
CSS Gold Button Generator
Genera all'istante pulsanti CSS metallici oro, argento, bronzo o oro rosa — digita il testo, scegli uno stile metallico e copia il codice CSS.
Selettore di colori
Scegli un colore a occhio o prelevalo da un'immagine caricata, con output in formato HEX, RGB e HSL e pulsanti per copiare.