A saját CSS-színátmenetek keverése ezzel a ingyenes webalkalmazással

Minden webtervezőnek tudnia kell CSS3 gradiensek. Már évek óta vannak, és minden nagy böngésző széles körben támogatja őket.

És most, ingyenes webes alkalmazások, mint például Keverék Hagyja, hogy CSS3 színátmeneteket hozzon létre a repüléssel böngésző vizuális szerkesztői. Választhat lineáris és radiális gradiensek miközben a színekkel keverednek.

Az első oldal betöltődik két szilárd szín barmelyik oldalon. Használhatja a szín paletta a színárnyalatok között, vagy írja be a kézi HEX kód ha ismeri a kívánt színt. Ha két színt szeretne, kattintson a gombra “Keverjük össze” gomb a központban.

Mindkét szín együtt CSS3 gradiensbe keveredik szerkeszthető opciók az oldal tetején. Választhat lineáris gradiensek & radiális gradiensek, és ha a lineáris stílusot használod húzza a középső helyet az egész oldalon.

Plusz, amíg te vagy keverési módban még mindig visszamehetsz változtassa meg a színeket az alján. Ez olyan, mint a tökéletes kódmentes CSS3 gradiensgenerátor, amelyet minden tervező igényel.

Ha két színt szeretne, kattintson a gombra kódtartó ikon a jobb felső sarokban. Ez hozza létre a ablak CSS kóddal másolhat / beilleszthet a stíluslapokba.

A Blend egy ingyenes eszköz, amelyet a NYC tervező, Colin Keany készített. Ez is webhelyén, bár nem látok egy linket a GitHub-hoz vagy bárhol szabad forráskódhoz. De ő írta egy esettanulmány részletesen leírja a Blend-et létrehozó folyamatát, amely minden hasznos funkcióval rendelkezik.

Sajnos, a jelenlegi verzió nem támogat több mint két színt. De a jövőben több színben is áthúzom az ujjaimat.

Mivel nem tölthet le helyi példányt, ajánlom a Blend könyvjelzőt a jövőbeni használatra. Ez a tökéletes út vizsgálati gradiensek a stíluslap ismételt szerkesztése nélkül.

És ha meg szeretné osztani ötleteit, vagy csak köszönöm ezt a színátmenet eszközt, akkor Colin @colinkeany-t cseveghet.