Combinați propriile gradienți CSS cu această aplicație web gratuită

Fiecare designer de web ar trebui să știe despre Gradienți CSS3. Au fost în jur de ani de zile și sunt susținute pe scară largă de toate browserele importante.

Și acum, aplicații web gratuite, cum ar fi Amestec vă permite să creați gradienți CSS3 în zbor cu în editorii vizuali în browser. Puteți alege între liniile gradientului liniar și radial în timp ce tinkering cu culori pentru a se amesteca.

Pagina inițială se încarcă cu două culori solide pe fiecare parte. Puteți utiliza funcția paleta de culori pentru a comuta între nuanțe sau pentru a introduce a manual HEX cod dacă știți culoarea dorită. Odată ce ați obținut două culori, faceți clic pe “Să amestecăm” buton in centru.

Ambele culori se amestecă împreună într-un gradient CSS3 cu pot fi modificate în partea de sus a paginii. Puteți alege între gradienti liniari & rastele radiale, și dacă utilizați stilul liniar puteți trageți locația centrală tot pe pagină.

În plus, în timp ce ești în modul de amestecare puteți reveni în continuare modificați culorile în partea de jos. Acesta este ca un generator de gradient perfect CSS3 fără cod, pe care fiecare designer are nevoie.

După ce aveți două culori pe care le doriți, puteți face clic pe pictograma de conectori de cod în colțul din dreapta sus. Acest lucru aduce un a fereastră cu cod CSS pe care le puteți copia / lipi în foile de stil.

Blend este un instrument gratuit creat de designerul NYC, Colin Keany. Este de asemenea găzduit pe site-ul său, deși nu văd nici o legătură cu GitHub sau cu niciun cod sursă gratuit oriunde. Dar el a scris un studiu de caz detaliind procesul său de creare a amestecului cu toate caracteristicile sale la îndemână.

Din păcate, versiunea curentă nu acceptă mai mult de două culori. Dar mi-am traversat degetele pentru opțiuni multi-color în viitor.

Deoarece nu puteți descărca o copie locală, vă recomandăm să adăugați bookmarking Blend pentru utilizare ulterioară. Este calea perfectă gradienti de test fără a edita în mod repetat foaia de stil.

Și, dacă doriți să împărtășiți ideile dvs. sau doar să vă mulțumiți pentru acest instrument de gradient puteți tweet Colin @ colinkeany.