CoolHue El Yapımı Pastel Web Gradyan Kütüphanesi

CSS3, sıfırdan degradeler oluşturmayı çok kolaylaştırdığından ve doğru kod kütüphanesiyle Web gradyanları bugünlerde bir düzine para harcar.

CoolHue'nun değeri burada gelir. Bu ücretsiz çevrimiçi kütüphane belki de en iyi yer siteniz için harika degradeler bulun.

Degradelerin çoğu, çok parlak iki renkli veya üç renkli pastel seçimi izler. Ancak degradelerin düzenlenmesi kolaydır, böylece bunları herhangi bir sitede çalıştırabilirsiniz..

Ana sayfadan pek bir şeye benzemiyor olabilir. Çoğunlukla farklı renk tonları ve renk seçenekleri içeren elle toplanmış gradyanlar koleksiyonudur. Ancak GitHub deposunu ziyaret ederseniz başka bir hikaye bulacaksınız. Bu koleksiyon bulmak için en iyi seçimdir kişiselleştirilmiş renk paletleri, tümü web siteleri için özel olarak tasarlanmıştır.

Bu degradeleri bir mobil uygulama kullanıcı arayüzüne de aktarmak kolaydır. Ama en çok alt gölgeler gibi yeni tasarım trendleriyle çok faydalı olduklarını gördüm..

Sitenizi düzenlerken, renk tonlarını özel bir diziye geçirme Değişken colorData. Bu, ana HTML'nizin içinde tüm degrade öğelerinizle birlikte görünmelidir.

JavaScript'i kullanarak renklerin nasıl bir araya geldiği konusunda tam kontrol sahibi olursunuz. CSS3 birden fazla rengi de destekleyebilir, ancak tüm sayfa öğelerinde ve tüm tarayıcılarda çalışmalarını sağlamak daha zordur.

CoolHue sitesiyle degradelerin ücretsiz PNG dosyalarını indir. Bu şekilde, onları grafik tasarım projelerinde, web sitesi örneklerinde düzenleyebilir veya ham HTML / CSS / JS kodunun dışında kullanabilirsiniz..

Ve eğer büyük bir Photoshop kullanıcısıysanız, tüm coolHue degradelerine sahip bir .grd degrade dosyası bile var. Harika sağ?

Kurulum talimatları ve örnek kod parçacıkları için GitHub deposunu ziyaret edin. Ayrıca PS degrade dosyasını Sketch degrade dosyası ile birlikte bulacaksınız ve çok daha fazlasını yapabilirsiniz.