Perpustakaan Gradien Web Pastel Pegang Tangan CoolHue

Gradien web adalah sedozen sedozen hari ini kerana CSS3 menjadikannya begitu mudah untuk membuat kecerunan dari awal, dan dengan perpustakaan kod yang betul, ia lebih mudah.

Di situlah nilai coolHue masuk. Perpustakaan dalam talian percuma ini mungkin tempat terbaik untuk mencari kecerunan hebat untuk laman web anda.

Kebanyakan gradien mengikuti pemilihan pastel dua warna atau tiga warna yang sangat terang. Tetapi kecerahan mudah diedit sehingga anda boleh mendapatkan kerja ini dengan mana-mana tapak.

Dari halaman utama, ia mungkin tidak kelihatan seperti banyak. Ini kebanyakannya koleksi gradien tangan yang memaparkan warna dan pilihan warna yang berbeza. Namun, jika anda melawat repo GitHub, anda akan dapati keseluruhan cerita yang lain. Koleksi ini adalah pilihan terbaik untuk mencari palet warna peribadi, semua direka khusus untuk laman web.

Ia cukup mudah untuk melancarkan kecerunan ini ke UI aplikasi mudah alih juga. Tetapi saya dapati mereka paling berguna dengan trend reka bentuk yang lebih baru seperti bayang-bayang drop.

Apabila mengedit laman web anda, anda boleh lulus warna warna ke dalam array tersuai variable colorata. Ini sepatutnya muncul di dalam HTML utama anda bersama-sama dengan semua unsur kecerunan anda.

Menggunakan JavaScript anda mempunyai kawalan sepenuhnya ke atas bagaimana warna-warna bercampur. CSS3 juga boleh menyokong pelbagai warna tetapi lebih sukar untuk membuat mereka berfungsi merentas semua elemen halaman dan semua pelayar.

Dengan laman web coolHue, anda juga boleh muat turun fail PNG percuma kecerunan itu. Dengan cara ini, anda boleh menyuntingnya ke dalam projek reka bentuk grafik, tapak web, atau menggunakannya di luar kod HTML / CSS / JS mentah.

Dan jika anda seorang pengguna Photoshop yang besar bahkan ada fail gradien .grd dengan semua gradien coolHue. Awesome right?

Lawati repo GitHub untuk arahan persediaan dan cuplikan kod sampel. Di sana anda juga akan menemui fail gradien PS bersama-sama dengan fail Gradient Sketch dan banyak lagi.