Odaberite boje za oblikovanje gradijenta i dobijte CSS 3 kôd s gradijentom [Mac]

Definiranje klase CSS 3 za gradijent boje je aistrošan zadatak, jer treba pronaći potrebne nijanse boja, a zatim ih kombinirati kako bi se stvorio gradijent. Kada se kreira gradijent, pretvaranje u CSS3 kôd (da biste ga nazvali u HTML5) uopće nije lako; web dizajneri se često trude pronaći točne HEX vrijednosti različitih nijansi boja kako bi na kraju stvorili CSS klasu za gradijent boje. Gradijent je mala, elegantna aplikacija za Mac kojaomogućuje vam odabir boja za oblikovanje gradijenta, promjenu oblika gradijenta i generiranje CSS3 koda za konačnu verziju gradijenta koju želite koristiti u dokumentu tablice sa stilovima web stranice. Aplikacija dolazi s RGB i HEX uređivačima boja za ručno podešavanje nijansi boja gradijenta. Dva mala birača boja također su integrirana u aplikaciju za odabir boja sa zaslona za svaku nijansu boje gradijenta.

Odaberite boju sa zaslona koji želiteuključite u gradijent, kliknite gumb za povećalo kako biste pokrenuli alat za odabir boja i pomaknite pokazivač uokolo u nijansama boja. Klik će spremiti nijansu boje ispod trenutne lokacije pokazivača miša na aplikaciju. Slično tome, možete odabrati drugu nijansu boje gradijenta. Mali zamjena boja na raspolaganju je gumb za prebacivanje između strujegradijentne boje. Prema zadanim postavkama, RGB i HEX uređivač koda u boji je nevidljiv. Međutim, to možete otkriti tipkom sa strelicom prema dolje. Pokazuje vrijednosti RGB i HEX boje za obje boje gradijenta.

Osim odabira boje, možete ručno mijenjatiboje gradijenta pomoću matične palete boja Mac. Ispod RGB i HEX uređivača koda u boji naći ćete prekidač za odabir željenog stila i kuta gradijenta. Prema zadanim postavkama prikazuje 4 kuta. Kada kliknete tipku za prebacivanje, ona otkriva različite stilove gradijenta.

Gradient podržava sve široko korištene web preglednike, uključujući Firefox, Opera, Chrome i Internet Explorer. U Postavkama možete promijeniti boju pada i promijeniti način izlaza.

Nakon završetka, možete vidjeti CSS kod gradijenta klikom na CSS gumb. Međutim, ako želite izravno kopirati CSS kôd, kliknite Kopiraj da biste zalijepili kôd u svoju CSS datoteku ili IDE razvoj aplikacije.

Sve u svemu, Gradient vam nudi brze alate za oblikovanje i ugradnju CSS koda gradijenta u vaš projekt grafičkog dizajna. Radi na Macu 10.6 ili novijem.

Preuzmite gradijent