Combina i tuoi gradienti CSS con questa applicazione Web gratuita

Ogni web designer dovrebbe saperlo Gradienti CSS3. Sono in giro da anni e sono ampiamente supportati da tutti i principali browser.

E ora, app web gratuite come Miscela ti consente di creare gradienti CSS3 al volo con editor visuali all'interno del browser. Puoi scegliere tra gradienti lineari e radiali mentre armeggia con colori da sfumare.

La pagina iniziale viene caricata con due colori solidi da entrambe le parti. Puoi usare il palette dei colori per capovolgere le tonalità o inserire a codice HEX manuale se conosci il colore che vuoi Dopo aver ottenuto due colori che ti piacciono, fai clic su “Mescoliamo” pulsante al centro.

Entrambi i colori si fondono in un gradiente CSS3 con opzioni modificabili vicino alla parte superiore della pagina. Puoi scegliere tra gradienti lineari & gradienti radiali, e se stai usando lo stile lineare che puoi trascina la posizione centrale in tutta la pagina.

Inoltre, mentre sei in modalità fusione puoi ancora tornare a cambia i colori in basso. Questo è come il perfetto generatore di gradienti CSS3 senza codice che ogni designer ha bisogno.

Una volta che hai due colori che ti piacciono, puoi fare clic su icona della parentesi del codice nell'angolo in alto a destra. Questo fa apparire a finestra con codice CSS che puoi copiare / incollare nei tuoi fogli di stile.

Blend è uno strumento gratuito creato dal designer di New York Colin Keany. È anche ospitato sul suo sito, anche se non vedo un collegamento a GitHub o alcun codice sorgente gratuito da nessuna parte. Ma lui ha scritto un caso di studio dettagliare il suo processo creando Blend con tutte le sue utili funzionalità.

Sfortunatamente, la versione attuale non supporta più di due colori. Ma incrocio le dita per le opzioni multicolore in futuro.

Poiché non è possibile scaricare una copia locale, si consiglia di aggiungere un segnalibro a Blend per uso futuro. È il modo perfetto per gradienti di prova senza modificare ripetutamente il tuo foglio di stile.

E se vuoi condividere le tue idee o semplicemente ringraziare per questo strumento di sfumatura puoi tweettare Colin @colinkeany.