Pomiješajte vlastite CSS gradijente s ovim besplatnim web-aplikacijama

Svaki bi web dizajner trebao znati CSS3 gradijenti. Već godinama postoje i široko su podržani od svih glavnih preglednika.

A sada, besplatne web aplikacije kao što su Mješavina omogućuju stvaranje CSS3 gradijenta u letu vizualni urednici u pregledniku. Možete birati između linearni i radijalni gradijenti dok miješate boje.

Početna stranica se učitava s dvije čvrste boje na svakoj strani. Možete upotrijebiti paleta boja za prebacivanje između tonova ili unos a ručno HEX kod ako znate boju koju želite. Kada dobijete dvije željene boje, kliknite gumb “Spojimo se” dugme u središtu.

Obje se boje uklapaju u CSS3 gradijent s opcije za uređivanje pri vrhu stranice. Možete birati između linearni gradijenti & radijalni gradijenti, i ako koristite linearni stil možete povucite središnje mjesto na cijeloj stranici.

Plus, dok ste vi u načinu miješanja još uvijek se možete vratiti promijenite boje na dnu. To je kao savršen CSS3 gradijent generatora bez koda koji svaki dizajner treba.

Nakon što imate dvije željene boje, možete kliknuti ikona zagrada u gornjem desnom kutu. To dovodi do prozor s CSS kodom koje možete kopirati / zalijepiti u stilske listove.

Blend je besplatan alat kojeg je stvorio NYC dizajner Colin Keany. To je također domaćin na njegovoj web-lokaciji, iako ne vidim vezu na GitHub ili bilo koji besplatni izvorni kod nigdje. Ali on je pisao studija slučaja detaljno opisujući svoj proces stvaranja Blenda sa svim njegovim praktičnim značajkama.

Nažalost, trenutna verzija ne podržava više od dvije boje. Ali u budućnosti prelazim prstima za višebojne opcije.

Budući da ne možete preuzeti lokalnu kopiju, preporučujem da označite Blend za buduću upotrebu. To je savršen način gradijenti ispitivanja bez ponavljanja uređivanja stila.

A ako želite podijeliti svoje ideje ili samo reći hvala za ovaj alat za gradijent, možete tweetati Colina @colinkeany.