Pagina principala » Setul de instrumente » CoolHue Bibliotecă Gradient Web Pastel

    CoolHue Bibliotecă Gradient Web Pastel

    Gradientele Web sunt un dime o duzină în aceste zile, deoarece CSS3 face atât de ușor să creeze gradienți de la zero, iar cu biblioteca de coduri dreapta este chiar mai ușor.

    Aici vine valoarea coolHue. Această bibliotecă gratuită online este poate cel mai bun loc pentru a găsiți gradiente minunate pentru site-ul dvs..

    Cele mai multe gradienți urmează unei selecții foarte pastelate cu două culori sau trei culori. Dar gradientele sunt ușor de editat, astfel încât puteți obține aceste lucru cu orice site.

    Din pagina principală, este posibil să nu arate prea mult. Este mai mult o colecție de gradienți selectați manual, cu diferite nuanțe și opțiuni de culoare. Cu toate acestea, dacă vizitați repo GitHub veți găsi o altă poveste. Această colecție este cea mai bună alegere pentru găsire palete de culori personalizate, toate special concepute pentru site-uri web.

    Este suficient de ușor să port aceste gradienți într-un UI de aplicație mobilă. Dar am descoperit că acestea sunt foarte utile pentru tendințele de design mai noi, cum ar fi umbrele picăturilor.

    Când editați site-ul dvs. puteți treci culorile color într-o matrice personalizată colorData variabilă. Acest lucru ar trebui să apară în interiorul HTML-ului dvs. principal, împreună cu toate elementele dvs. de gradient.

    Utilizând JavaScript, aveți control complet asupra modului în care culorile se amestecă împreună. De asemenea, CSS3 poate suporta mai multe culori, dar este mai dificil să le folosim în toate elementele de pagină și în toate browserele.

    Cu site-ul coolHue, puteți chiar descărcați fișiere PNG gratuite ale declivelor. Astfel puteți să le modificați în proiecte de design grafic, mockups de pe site sau să le folosiți în afara codului brut HTML / CSS / JS.

    Și dacă sunteți un utilizator Photoshop mare există chiar un fișier gradient .grd cu toate gradientele coolHue. Amintește-te bine?

    Accesați repo-ul GitHub pentru instrucțiuni de configurare și fragmente de cod exemplu. Acolo veți găsi, de asemenea, fișierul gradient PS împreună cu fișierul Gradient Sketch și multe altele.