Sulge oma CSS-gradientid selle tasuta veebirakendusega

Iga veebidisainer peaks teadma CSS3 gradiendid. Nad on olnud juba aastaid ja neid toetavad kõik suuremad brauserid.

Ja nüüd, tasuta veebirakendused nagu Segu laske teil lennata CSS3-kalded brauseri visuaalsed redaktorid. Võite valida lineaarsed ja radiaalsed gradientid värvidega segunedes.

Esilehele laaditakse kaks tugevat värvi mõlemal pool. Võite kasutada värvipalett toonide vahetamiseks või sisestamiseks manuaalne HEX-kood kui teate soovitud värvi. Kui olete saanud kaks värvi, klõpsake nuppu “Segame” nuppu keskel.

Mõlemad värvid segunevad koos CSS3 gradiendiga redigeeritavad valikud lehekülje ülaosas. Võite valida lineaarsed gradientid & radiaalsed kalded, ja kui kasutate lineaarset stiili, mida saate lohistage keskpunkti asukohta kogu lehel.

Plus, kui oled segamisrežiimis saate veel minna muuta värve põhjas. See on nagu täiuslik koodivaba CSS3 gradientgeneraator, mida iga disainer vajab.

Kui teil on kaks soovitud värvi, saate klõpsata nupule koodi sulg paremas ülanurgas. See toob esile akna CSS-koodiga et saate kopeerida / kleepida oma stiililehtedesse.

Blend on tasuta tööriist, mille on loonud NYC disainer Colin Keany. See on ka tema saidil, kuigi ma ei näe linki GitHubile või mis tahes tasuta lähtekoodile kuskil. Aga ta kirjutas juhtumiuuring üksikasjalikult oma protsessi loomisel Blend koos kõigi oma mugav funktsioone.

Kahjuks on praegune versioon ei toeta rohkem kui kahte värvi. Aga ma ületan oma sõrmede mitmevärviliste valikute jaoks tulevikus.

Kuna kohalikku koopiat ei saa alla laadida, soovitan tulevikus kasutada järjehoidja Blend. See on ideaalne viis katse gradiente ilma oma stiilitabelit korduvalt redigeerimata.

Ja kui soovid jagada oma ideid või lihtsalt tänada selle gradienti tööriista eest, saate piiksuma Colin @colinkeany.