WebGradients - Інтернет-бібліотека 180 + лінійних градієнтів у CSS

Завдяки безлічі безкоштовних генераторів коду в Інтернеті легко створювати власні градієнти. Але проблема полягає в пошуку правильних кольорів для відповідності вашого веб-сайту, кнопки "Дії кліків" або будь-якого іншого, що ви розробляєте.

WebGradients пропонує a безкоштовну бібліотеку градієнтів, яку можна переглядати і виривати прохолодні ідеї. Вони абсолютно безкоштовні, і всі вони включають вихідний код CSS3 разом з PNG.

Насправді, вся програма доступна на GitHub, яка пропонує майже все натисненням кнопки.

Ви можете завантажити повний градієнтний пакет прямо з GitHub як необроблений код CSS у файлі таблиці стилів. Або ви можете завантажити градієнти у вигляді файлів PNG, файлу Sketch або файлу PSD для Photoshop.

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

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

Крім того, ви знайдете кнопку завантаження у верхньому правому куті разом із посиланням, щоб скопіювати CSS праворуч у буфер обміну.

Обидва файли PSD і Sketch пов'язані на навігаційній панелі, де вони розміщені на Gumroad.

Зазвичай люди використовують Gumroad як онлайн-торговця, але багато дизайнерів випускають свої матеріали безкоштовно з додатковою винагородою. При завантаженні файлів ви можете додати чайові, якщо хочете, але в будь-якому випадку файли Sketch і PSD звільняються безкоштовно.

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