WebGradients - Une bibliothèque en ligne de plus de 180 dégradés linéaires en CSS

Avec autant de générateurs de code gratuits sur le Web, il est facile de créer vos propres gradients. Mais le problème est de trouver les bonnes couleurs pour correspondre à votre site Web, à votre bouton Click-to-Action ou à tout ce que vous concevez.

WebGradients offre une bibliothèque gratuite de dégradés que vous pouvez parcourir et déterrer des idées cool. Ceux-ci sont totalement gratuits et incluent tous le code source CSS3 avec les PNG..

En fait, l’ensemble de l’application est disponible sur GitHub, qui offre à peu près tout ce qu’il faut en un clic..

Vous pouvez télécharger le pack de dégradés complet directement à partir de GitHub en tant que codes CSS bruts dans un fichier de feuille de style. Vous pouvez également télécharger les dégradés sous forme de fichiers PNG bruts, de fichiers Sketch ou PSD pour Photoshop..

C’est vraiment une collection massive de dégradés gratuits qui devrait aider tout concepteur de sites Web. Vous pouvez utilisez ceci pour chaque étape du processus de conception de la conception de la maquette Web jusqu'au codage frontal.

Si vous cliquez sur l'un des cercles de dégradé, la vue complète est développée sur toute la page. Cela vous permet de voir à quoi ressemblerait le dégradé en tant qu'arrière-plan, un effet plutôt cool!

De plus, vous trouverez un bouton de téléchargement dans le coin supérieur droit ainsi qu'un lien pour copier le code CSS directement dans votre presse-papiers..

Les fichiers PSD et Sketch sont liés dans la barre de navigation où ils sont hébergés sur Gumroad..

Généralement, les gens utilisent Gumroad en tant que marchand en ligne, mais de nombreux concepteurs publient leurs contenus pour gratuit avec pourboire facultatif. Lorsque vous téléchargez les fichiers, vous pouvez ajouter un conseil si vous le souhaitez, mais les fichiers Sketch et PSD sont tous deux publiés gratuitement..

Tous les dégradés de cette liste ne fonctionneront pas pour votre site Web. Mais c’est une galerie assez complète avec 180 gradients donc il y a forcément quelque chose que vous pourriez aimer ici.