Vai al contenuto principale

I pulsanti interattivi e le indicazioni di input possono essere mostrati attualmente in inglese.

Strumenti

Generatore di gradienti CSS

Usa Generatore di gradienti CSS per inserire i colori, la direzione e i punti di transizione e ottenere un’anteprima del gradiente e il codice CSS subito, senza installazione né account.

Generatore di gradienti CSS elabora input e file soltanto in questo browser e non li invia a servizi esterni.

90°
0%
100%
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

Come si usa

Generatore di gradienti CSS è uno strumento nel browser che riceve i colori, la direzione e i punti di transizione e produce un’anteprima del gradiente e il codice CSS. Puoi controllare opzioni e risultato senza lasciare la pagina. Esempio pratico: da #3366FF a #8B5CF6 → linear-gradient.

  1. Configura i colori, la direzione e i punti di transizione in Generatore di gradienti CSS.
  2. Regola le impostazioni mentre controlli l’anteprima in tempo reale.
  3. Seleziona Copia per copiare il risultato.

Risultato

  • Esempio di Generatore di gradienti CSS: da #3366FF a #8B5CF6 → linear-gradient

Limitazioni

  • Limite di Generatore di gradienti CSS: L’aspetto può variare leggermente tra schermi. Confronta i risultati importanti con la fonte originale.

Privacy

Generatore di gradienti CSS elabora input e file soltanto in questo browser e non li invia a servizi esterni.

Domande frequenti

Che cosa produce Generatore di gradienti CSS?

Usa i dati inseriti e le opzioni scelte per produrre un’anteprima del gradiente e il codice CSS.

Posso usare sempre il risultato di Generatore di gradienti CSS?

L’aspetto può variare leggermente tra schermi. Controlla il risultato prima di un uso importante.

🔧 Strumenti correlati