WebGradients – Онлайн библиотека из 180+ линейных градиентов в CSS

С таким количеством бесплатных генераторов кода в сети легко создавать свои собственные градиенты. Но проблема в том, чтобы найти правильные цвета, соответствующие вашему веб-сайту, вашей кнопке Click-to-Action или чему-то еще, что вы разрабатываете.

WebGradients предлагает бесплатную библиотеку градиентов, которые вы можете просматривать и находить интересные идеи. Они абсолютно бесплатны и включают в себя исходный код CSS3 вместе с PNG.

Читайте также: Colors.css предлагает новые настройки по умолчанию для цветов в Интернете

На самом деле, доступно все приложение на GitHub который предлагает в значительной степени все одним нажатием кнопки.

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

Это действительно огромная коллекция бесплатных градиентов, которая должна помочь любому веб-дизайнеру. Вы можете использовать это для каждого шага процесса проектирования, от дизайна веб-макета до внешнего кода.

Если вы щелкнете по любому из градиентных кругов, вы получите полный вид, развернутый по всей странице. Это позволяет увидеть, как градиент будет выглядеть как фон, довольно крутой эффект!

Кроме того, вы найдете кнопку загрузки в правом верхнем углу вместе со ссылкой, чтобы скопировать CSS прямо в буфер обмена.
Оба файла PSD и Sketch связаны в навигационной панели, где они размещены на Gumroad.

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

Не каждый градиент в этом списке будет работать для вашего сайта. Но это довольно обширная галерея с 180 градиентами, поэтому здесь обязательно найдется что-то, что вам может понравиться.