Corsi on-line

Creare gradienti (senza immagini) con CSS3

Grazie alle nuove possibilità offerte da CSS3 è possibile creare sfumature (da utilizzare per colorare i nostri box o come sfondo della nostra pagina) senza dover utilizzare immagini. Creare gradienti con CSS3, tuttavia, non è semplicissimo e richiede una buona padronanza delle nuove proprietà linear-gradient e radial-gradient.

Fortunatamente è possibile risolvere facilmente facendo ricorso ad un interessante tool on-line offerto dal progetto Colorzilla. Il tool in questione è un generatore di gradienti con CSS3 che consente, senza dover scrivere una riga di codice, di creare splendide sfumature in modo visuale (un po’ come se si stesse utilizzando un software di editing grafico come Photoshop) e poi, semplicemente, copiare il codice CSS generato automaticamente.

colorzilla-gradienti-css

Da segnalare l’interfaccia davvero completa e ricca di funzionalità e la possibilità di generare codice CSS cross-browser.

Il servizio – Ultimate CSS Gradient Generator – è disponibile a questa pagina.

Post correlati
I più letti del mese
Tematiche