CSS è tutto ciò che regola il modo in cui la tua pagina web o appapparirà all'utente finale, ma scrivere il foglio di base può richiedere del tempo. Probabilmente è per questo che troverai molti generatori di codice CSS automatico che ti consentono di aggiungere effetti, creare oggetti o semplici gradienti. Editor gradiente CSS è un'app Mac gratuita che ti consente di creare sfumaturesfondi. L'app ti fornisce una semplice GUI, che ti consente di selezionare qualsiasi colore per il gradiente, aggiungere fino a cinque fermate e selezionare dove si trova ogni fermata. Il gradiente può essere verticale o orizzontale e l'app ti consente di creare preimpostazioni e genera codice CSS compatibile con Chrome, Firefox, Safari, Internet Explorer 10, Opera, tutti conformi allo standard W3C. È possibile inserire i colori come codici RGB, HSL e Hex.
L'app si carica con un semplice gradiente a due tonalità. Ha una singola finestra divisa in quattro sezioni, in cui le due sezioni a destra visualizzano il codice e visualizzano in anteprima il gradiente mentre lo crei. Le sezioni a sinistra consentono di aggiungere preset e creare o modificare un gradiente.

Lavorerai principalmente con l'angolo in basso a sinistrasezione. A seconda del tipo di sfumatura che si desidera creare, fare clic sul pulsante Asse X (per una sfumatura verticale) o Asse Y (per una sfumatura orizzontale). Fai clic sulla casella dei colori per Top Color, e scegli quale colore verrà visualizzato nella parte superiore o sinistra della sfumatura. Per aggiungere un ulteriore stop, controlla il Fermare scatola appena sotto Colore superiore, scegli un punto in cui inizierà il secondo colore spostando il cursore davanti ad esso. Segui l'esempio per aggiungere ulteriori soste. Quindi, selezionare il Colore di fondo. Gli effetti verranno visualizzati in anteprima e il codice verrà aggiornato mentre si apportano le modifiche.

Se vuoi salvare un gradiente che hai creato, fai clic su Salva preimpostazione pulsante e il gradiente verranno salvati. Il codice può essere copiato e utilizzato nel foglio CSS senza modifiche.
Ottieni CSS Gradient Editor dal Mac App Store
Commenti