WebGradients - Uma biblioteca on-line de mais de 180 gradientes lineares em CSS

Com tantos geradores de código livre na Web, é fácil criar seus próprios gradientes. Mas o problema é encontrar as cores certas para combinar com seu website, seu botão Click-to-Action ou qualquer outra coisa que você esteja criando.

WebGradients oferece uma biblioteca livre de gradientes você pode navegar através e desenterrar idéias legais. Estes são totalmente gratuitos e todos eles incluem o código-fonte CSS3 junto com PNGs.

Na verdade, todo o aplicativo está disponível no GitHub, que oferece praticamente tudo ao clique de um botão.

Você pode baixar o pacote completo de gradiente direto do GitHub como códigos CSS brutos dentro de um arquivo de folha de estilo. Ou você pode baixar os gradientes como arquivos PNG brutos, um arquivo de esboço ou um arquivo PSD para o Photoshop.

Esta é realmente uma enorme coleção de gradientes gratuitos que devem ajudar qualquer web designer. Você pode use isso para cada etapa do processo de design de web design de maquete todo o caminho para frontend codificação.

Se você clicar em qualquer um dos círculos de gradiente, verá uma exibição completa expandida em toda a página. Isso permite que você veja como o gradiente ficaria como plano de fundo, um efeito muito legal!

Além disso, você encontrará um botão de download no canto superior direito, juntamente com um link para copiar o CSS diretamente para a área de transferência.

Ambos os arquivos PSD e Sketch estão vinculados na barra de navegação onde estão hospedados no Gumroad.

Normalmente as pessoas usam o Gumroad como um comerciante on-line, mas muitos designers lançam suas coisas para grátis com gorjeta opcional. Ao baixar os arquivos, você pode adicionar uma dica, se quiser, mas de qualquer forma os arquivos Sketch e PSD serão liberados gratuitamente.

Nem todos os gradientes nessa lista funcionarão para o seu site. Mas é uma galeria bastante abrangente com 180 gradientes então não é obrigado a ser algo aqui que você pode gostar.