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

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

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

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

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

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

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

Кроме того, вы найдете кнопку загрузки в правом верхнем углу и ссылку для копирования CSS прямо в буфер обмена..

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

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

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