CoolHue Hand-Picked Pastell Web Gradient Library

Web-kalded on nendel päevadel kümmekond pilti, kuna CSS3 muudab nullist gradientide loomise nii lihtsaks ja õige koodiraamatukoguga on see veelgi lihtsam.

See on koht, kus coolHue väärtus saabub. See tasuta online-raamatukogu on ehk parim koht leidke oma saidile vinge kraadi.

Enamik gradiente järgivad väga heledaid kahevärvilisi või kolmevärvilisi pastellivalikuid. Kuid kalded on kergesti redigeeritavad, et saaksite need töötada mõne saidiga.

Põhilehelt ei pruugi see tunduda palju. See on enamasti käsitsi valitud kraadide kogum, millel on erinevad toonid ja värvivalikud. Siiski, kui külastate GitHub repot, leiad kogu teise loo. See kollektsioon on parim valik leidmiseks isikupärastatud värvipaletid, kõik on spetsiaalselt loodud veebisaitidele.

Nende gradientide mobiilirakenduse kasutajaliidesesse on võimalik ka lihtsalt. Aga ma olen leidnud, et nad on kõige kasulikumad uuemate disainisuundumuste, näiteks varjundite puhul.

Saidi redigeerimisel saate seda teha edastage värvitoonid kohandatud massiivi muutuv colorData. See peaks ilmuma peamise HTML-i sees koos kõigi oma gradienti elementidega.

JavaScripti kasutamine võimaldab teil täielikult kontrollida, kuidas värvid kokku sobivad. CSS3 võib toetada ka mitut värvi, kuid see on raskem, et nad töötaksid kõigi leheküljeelementide ja kõigi brauserite vahel.

CoolHue saidiga saate isegi alla laadida tasuta gradientide PNG-faile. Nii saate neid muuta graafilise disaini projektideks, veebisaitide makettideks või kasutada neid väljaspool toores HTML / CSS / JS koodi.

Ja kui sa oled suur Photoshopi kasutaja, siis on isegi .grd gradientfail, millel on kõik coolhue gradientid. Awesome õigus?

Külastage GitHub repot, et saada häälestusjuhiseid ja näidiskoodide fragmente. Sealt leiate ka PS-gradientfaili koos Sketch-gradientfailiga ja palju muud.