Strumenti CSS

Genera CSS pulito e pronto da copiare visivamente con questi strumenti gratuiti — ombre box, gradienti, border-radius, flexbox, grid, animazioni, clip-path e filtri — con un'anteprima dal vivo mentre regoli ogni valore.

Ombre, filtri e rifiniture

⬛

Generatore di Box Shadow CSS

Progetta un box-shadow visivamente con anteprima in tempo reale e copia il CSS.

Generatore di Text Shadow CSS

Progetta un text-shadow con anteprima in tempo reale e copia il CSS.

◳

Generatore di neumorfismo

Crea ombre neumorfiche soft-UI con anteprima dal vivo e copia.

▢

Generatore di Glassmorphism

Crea il CSS di una scheda in vetro smerigliato con sfocatura, trasparenza, saturazione e colore di tinta.

☼

Generatore di filtri CSS

Componi filtri CSS con cursori e un'anteprima dal vivo, poi copia.

T○

Contorno del testo CSS

Aggiungi un contorno o tratto al testo e copia il CSS.

▌

Stilizzatore barra di scorrimento CSS

Stilizza una barra di scorrimento personalizzata e copia il CSS ::-webkit-scrollbar.

Forme, sfumature e sfondi

⬭

Generatore di Border Radius CSS

Regola il raggio di ogni angolo con anteprima in tempo reale e copia il CSS.

◇

Generatore di CSS clip-path

Ritaglia un elemento in forme comuni e copia il CSS clip-path.

▲

Generatore di Triangoli CSS

Genera un triangolo in puro CSS in qualsiasi direzione e copia il CSS.

▤

Generatore di Gradienti CSS

Crea un gradiente lineare o radiale con anteprima in tempo reale e copia il CSS.

▩

Pattern di sfondo CSS

Genera un pattern di sfondo CSS con due colori e copialo.

Layout e design responsive

⬓

Playground CSS Flexbox

Sperimenta con le proprietà flexbox su un'anteprima dal vivo e copia il CSS generato.

▦

Generatore di CSS Grid

Genera un layout CSS grid con colonne, righe e gap regolabili, con anteprima dal vivo.

Generatore di media query CSS

Crea una @media query responsive con preset e copiala.

▭

Box con proporzioni CSS

Genera un box responsive con proporzioni e un fallback in padding.

‖

Layout multi-colonna CSS

Genera un layout di testo CSS a più colonne con una riga divisoria.

Movimento, trasformazioni e animazioni

⤢

Generatore di CSS Transform

Componi translate, rotate, scale e skew in un singolo CSS transform con anteprima dal vivo.

⤿

Generatore di animazioni CSS

Crea un'animazione a keyframe, visualizzala dal vivo e copia il CSS.

⌒

Generatore di Easing CSS

Scegli o crea un easing cubic-bezier e riproducilo su un punto animato in anteprima.

◜

Generatore di spinner CSS

Genera uno spinner di caricamento in puro CSS e copia il CSS.

Nessuno strumento corrisponde.