Vai al contenuto principale
Uddatak

Generatore di glassmorphism CSS

Regola la sfocatura dello sfondo, il colore e l'opacità del vetro, l'opacità del bordo e l'arrotondamento degli angoli con cursori in tempo reale su uno sfondo colorato, poi copia il codice CSS esatto, incluso il prefisso WebKit per una migliore compatibilità con Safari.

Strumenti di design e CSS Funziona interamente nel tuo browser

Tutta l'elaborazione avviene sul tuo dispositivo — non viene inviato nulla a un server.

Codice CSS

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Continua con

Completamente locale

Generatore di box-shadow CSS

Progetta visivamente un'ombra box-shadow con cursori interattivi e copia il codice generato.

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di border-radius CSS

Regola visivamente l'arrotondamento degli angoli di un elemento e copia il codice border-radius.

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di gradiente CSS

Crea visivamente un gradiente CSS lineare o radiale e copia il codice pronto all'uso.

Strumenti di design e CSSApri strumento

Strumenti correlati

Completamente locale

Generatore di layout CSS Grid e Flexbox

Progetta visivamente un layout Grid o Flexbox con anteprima live e copia il codice CSS pronto all'uso.

Strumenti di design e CSSApri strumento
Completamente locale

Convertitore da testo a grafia manuale

Trasforma un testo digitato in un'immagine che sembra scritta a mano su un foglio a righe, in diversi stili di scrittura.

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di blob e pattern di sfondo SVG

Genera una forma organica (blob) casuale o un pattern di sfondo ripetibile in SVG, e copialo o scaricalo.

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di animazioni CSS keyframe

Progetta visivamente un'animazione CSS (comparsa, scorrimento, zoom, rimbalzo, rotazione, capovolgimento) e ottieni il codice @keyframes pronto all'uso.

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di armonia palette colori

Scegli un colore base e ottieni una palette di colori armoniosa (complementare, analoga, triadica, tetradica, monocromatica).

Strumenti di design e CSSApri strumento

Vuoi provare Uddatak?

Sfoglia la libreria completa di strumenti e inizia subito a usare ciò di cui hai bisogno — gratis, senza registrazione.

Vedi tutti gli strumenti