Vai al contenuto principale
Uddatak

Generatore di box-shadow CSS

Regola offset, sfocatura, estensione, colore e opacità con cursori in tempo reale su una scheda di anteprima per progettare un effetto box-shadow, incluso il supporto per più ombre sovrapposte e l'opzione di ombra interna (inset), poi copia la proprietà CSS box-shadow esatta.

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

box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);

Continua con

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
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

Convertitore px in rem ed em

Converti tra le unità px, rem ed em, con dimensione del font di base personalizzabile.

Strumenti di design e CSSApri strumento

Strumenti correlati

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

Convertitore px in rem ed em

Converti tra le unità px, rem ed em, con dimensione del font di base personalizzabile.

Strumenti di design e CSSApri strumento
Completamente locale

Estrattore di palette colori

Estrai i colori più dominanti da qualsiasi immagine, con codici HEX, RGB e CSS.

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di screenshot del codice

Incolla il codice e trasformalo in un'immagine elegante con sfondo sfumato e barra del titolo, pronta da condividere.

Strumenti di design e CSSApri strumento
Completamente locale

Simulatore di daltonismo

Scopri come appare la tua immagine a una persona daltonica (protanopia, deuteranopia, tritanopia o acromatopsia).

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