Strumenti e Calcolatori di CSS

gradient Generatore di Gradienti CSS Progetta gradienti CSS lineari, radiali e conici con anteprima dal vivo e copia il codice. Generachevron_right layers Generatore di Ombre CSS (Box Shadow) Progetta una box-shadow visivamente — offset, sfocatura, espansione, colore, opacità e inset — con anteprima dal vivo. Generachevron_right rounded_corner Generatore di Border Radius CSS Arrotonda ogni angolo singolarmente o tutti insieme, in px o %, con anteprima dal vivo e CSS copiabile. Generachevron_right text_format Generatore di Ombra del Testo CSS Progetta un text-shadow con offset, sfocatura, colore e opacità — anteprima dal vivo su testo di esempio. Generachevron_right blur_on Generatore CSS Glassmorphism Progetta un effetto vetro (glassmorphism) con anteprima dal vivo — regola sfocatura, trasparenza, tinta e bordo, poi copia il CSS. Generachevron_right border_style Generatore di Bordi CSS Progetta un bordo visivamente — spessore, stile (solid, dashed, dotted, double…), colore e raggio — con anteprima dal vivo. Generachevron_right swap_vert Generatore di Scrollbar CSS Progetta una scrollbar colorata personalizzata con anteprima dal vivo e copia il CSS — compatibile con WebKit e Firefox. Generachevron_right transform Generatore di Transform CSS Combina rotate, scale, translate e skew visivamente e copia il CSS transform risultante. Generachevron_right speed Generatore di Transition CSS Crea una transition — proprietà, durata, funzione di temporizzazione e ritardo — e testala dal vivo con un clic. Generachevron_right photo_filter Generatore di Filtri CSS Combina blur, brightness, contrast, grayscale, hue-rotate, saturate, sepia e invert con anteprima dal vivo. Generachevron_right animation Generatore di Animazioni CSS Scegli un preset di keyframe — rotazione, pulsazione, rimbalzo, scuotimento, dissolvenza, scorrimento — regola durata e ripetizioni, copia @keyframes + classe. Generachevron_right view_column Campo Prove CSS Flexbox Regola flex-direction, justify-content, align-items, wrap e gap su box dal vivo, poi copia il CSS del contenitore. Usachevron_right mouse Selettore di Cursori CSS Passa il mouse su ogni valore di CSS cursor per testarlo dal vivo, clicca per copiare la dichiarazione. Usachevron_right view_week Generatore di Colonne CSS Fai scorrere il testo in colonne stile giornale — numero, spaziatura e linea divisoria — con anteprima dal vivo e CSS. Generachevron_right format_size Generatore di Scala Tipografica Crea una scala tipografica modulare partendo da una dimensione base e un rapporto — anteprima dal vivo, tabella px/rem e variabili CSS pronte da copiare. Generachevron_right text_fields Calcolatore di Tipografia Fluida — CSS clamp() Genera un clamp() CSS che scala la dimensione del font in modo fluido tra due larghezze di viewport — senza bisogno di breakpoint. Calcolachevron_right view_column Calcolatore di Colonne Grid Larghezze delle colonne per qualsiasi contenitore, numero di colonne e gutter — con codice CSS grid pronto da copiare e dimensioni di span multi-colonna. Calcolachevron_right