CoolHue Hand-Picked Бібліотека градієнтів веб-пастелі

Веб-градієнти - це десятка в ці дні, оскільки CSS3 дозволяє так легко створювати градієнти з нуля, а з правильною кодовою бібліотекою - ще простіше.

Ось де приходить значення coolHue. Ця безкоштовна онлайн-бібліотека є, мабуть, найкращим місцем знайти чудові градієнти для вашого сайту.

Більшість градієнтів слідують за дуже яскравим двоколірним або триколірним пастельним виділенням. Але градієнти легко редагувати, так що ви можете отримати ці роботи з будь-яким сайтом.

З головної сторінки вона може не виглядати як багато. Це, в основному, колекція підібраних градієнтів з різними відтінками та вибором кольору. Тим не менш, якщо ви відвідаєте GitHub репо ви знайдете зовсім іншу історію. Ця колекція є найкращим вибором для пошуку персоналізовані палітри кольорів, всі спеціально розроблені для веб-сайтів.

Досить легко перенести ці градієнти в інтерфейс мобільного додатка. Але я знайшов, що вони найкорисніші з новими тенденціями дизайну, як тіні.

Під час редагування сайту ви можете передавати кольорові відтінки в спеціальний масив змінної colorData. Це має з'являтися у вашому основному HTML разом з усіма елементами градієнта.

Використовуючи JavaScript, ви маєте повний контроль над тим, як кольори змішуються. CSS3 також може підтримувати декілька кольорів, але набагато складніше, щоб вони працювали між усіма елементами сторінки та всіма браузерами.

За допомогою сайту coolHue можна навіть завантажити безкоштовні PNG файли градієнтів. Таким чином ви можете редагувати їх у проектах графічного дизайну, макетах веб-сайтів або використовувати їх за межами коду HTML / CSS / JS.

А якщо ви великий користувач Photoshop, то навіть градієнтний файл .grd з усіма градієнтами coolHue. Дивовижне право?

Відвідайте репозицію GitHub для інструкцій з налаштування та зразка фрагментів коду. Там же ви знайдете файл градієнта PS разом з файлом градієнта Sketch і багато іншого.