Generare gradini CSS
Design bella gradienti CSS e copiare il codice.
Come utilizzare il Generatore di grado CSS
Scegli lineare o radiale
Il radiante si diffonde verso l'esterno da un punto centrale.
Aggiungi e posiziona le fermate di colore
Aggiungere tutti i colori di cui hai bisogno e trascinare ogni fermata per posizionarla lungo il gradiente.
Copiare il CSS
Regolare l'angolo o la forma fino a quando non sembra a destra, quindi copiare il CSS generato nel foglio di stile.
Informazioni su Generatore di grado CSS
La sintassi gradiente CSS è facile da leggere e miserabile da scrivere dalla memoria. Gli angoli sono misurati da una direzione che sorprende la maggior parte delle persone la prima volta, le posizioni di arresto del colore interagiscono in modi difficili da prevedere, e l'unico modo affidabile per ottenere un diritto gradiente è quello di vederlo cambiare come si regola.
Entrambi i tipi sono coperti. Un gradiente lineare si fonde lungo una linea retta a qualsiasi angolo impostato, ed è quello da usare per pulsanti, sezioni eroiche e bande di sfondo. Un gradiente radiale si diffonde verso l'esterno da un punto centrale in un cerchio o ellisse, che si adattano a faretti, glows e vignette sottili.
L'output è semplice, CSS di produzione pronta senza alcuna dipendenza da questo sito e nessun prefisso di fornitore non è necessario, poiché ogni browser corrente ha supportato gradienti non prefissati per anni. Tutto funziona nel vostro browser, e il CSS generato è il vostro da utilizzare in qualsiasi progetto, commerciale o altro.
Domande frequenti
- Come creare un gradiente CSS?
- Scegli lineare o radiale, aggiungi le tue interruzioni di colore, imposta l'angolo, quindi copia il CSS generato direttamente nel tuo foglio di stile.
- Qual è la differenza tra lineare e radiale?
- Un gradiente lineare si fonde lungo una linea retta ad un angolo che si sceglie. Un gradiente radiale si diffonde verso l'esterno in un cerchio o ellisse da un punto centrale.
- Posso usare più di due colori?
- Sì. Aggiungere quante più fermate di colore avete bisogno e posizionare ciascuno lungo il gradiente.