Crea rapidamente piacevoli gradienti CSS con CSS Gradient Creator
bookmark_borderbookmark
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Questo strumento di Josh W Comeau semplifica la creazione di sfumature dall'aspetto accattivante.
Questo CSS Gradient Builder di Josh W Comeau è un'app web semplice e molto utile che ti aiuta a creare "sfumatura belli e rigogliosi".

Personalmente faccio fatica a mappare la sintassi su un elemento visivo, quindi questo strumento mi è stato di grande aiuto. Si concentra sulla creazione di gradienti lineari e consente di configurarli utilizzando una serie di modalità colore diverse (come HCL), anche se non sono supportate direttamente nella funzione CSS di linear-gradient
. Il post del blog di supporto di Josh fornisce maggiori dettagli su come l'interpolazione dei colori viene calcolata e applicata a qualcosa che il browser può visualizzare: è affascinante leggere alcune delle teorie alla base del suo funzionamento.
Sfumatura lineare
Supporto dei browser
Fonte
Immagine hero di Luke Chesser su Unsplash
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2022-05-04 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2022-05-04 UTC."],[],[]]