Crea rapidamente piacevoli gradienti CSS con CSS Gradient Creator

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

Uno screenshot dell'Editor gradienti con un gradiente lineare semplice.

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

  • 26
  • 12
  • 16
  • 7

Fonte

Immagine hero di Luke Chesser su Unsplash