WebGradients - Een online bibliotheek met 180+ lineaire hellingen in CSS

Met zoveel gratis codegeneratoren op het web is het eenvoudig om uw eigen verlopen te maken. Maar het probleem is om de juiste kleuren te vinden die passen bij uw website, uw Click-to-Action-knop of wat u ook ontwerpt.

WebGradients biedt een gratis bibliotheek met verlopen waar je doorheen kunt bladeren en vind coole ideeën op. Deze zijn volledig gratis en bevatten allemaal de CSS3-broncode samen met PNG's.

In feite is de hele applicatie beschikbaar op GitHub, die vrijwel alles biedt met één druk op de knop.

U kunt het volledige verlooppakket rechtstreeks vanuit GitHub downloaden als onbewerkte CSS-codes in een stylesheetbestand. Of u kunt de verlopen als onbewerkte PNG-bestanden, een schetsbestand of een PSD-bestand voor Photoshop downloaden.

Dit is echt een enorme verzameling gratis verlopen die elke webontwerper zou moeten helpen. Jij kan gebruik dit voor elke stap van het ontwerpproces van het ontwerpen van webmodellen tot en met de codering aan de voorkant.

Als u op een van de verloopcirkels klikt, krijgt u een volledig overzicht over de hele pagina. Hiermee kunt u zien hoe het verloop eruit zou zien als een achtergrond, een vrij cool effect!

Bovendien vindt u een downloadknop in de rechterbovenhoek, samen met een koppeling om de CSS-rechten naar uw klembord te kopiëren.

Zowel de PSD- als de Sketch-bestanden zijn gekoppeld in de navigatiebalk waar ze worden gehost op Gumroad.

Meestal gebruiken mensen Gumroad als een online verkoper, maar veel ontwerpers geven hun spullen vrij gratis met optionele fooi. Bij het downloaden van de bestanden kun je een fooi toevoegen als je wilt, maar in beide gevallen worden de Sketch- en PSD-bestanden gratis vrijgegeven.

Niet elk verloop in deze lijst werkt voor uw website. Maar het is een vrij uitgebreide galerij met 180 hellingen dus er is vast iets dat je leuk vindt.