Bouw kleurrijke CTA's met een gratis bibliotheek met gradiëntknoppen
Elke grote homepage heeft een krachtige call-to-action (CTA) -knop nodig. Dit leidt bezoekers naar elke actie die u hen wilt laten uitvoeren, of het nu gaat om het aanmelden voor een nieuw account of het kopen van iets uit uw e-commerce shop.
Maar jij hoeven helemaal geen CTA's te maken. U kunt kiezen voor tientallen aangepaste CSS3-knoppen op internet of een vergelijkbaar hulpmiddel gebruiken om het u gemakkelijker te maken.
Een hulpmiddel dat ik in dit opzicht erg leuk vind, is deze bibliotheek met verloopknoppen die is gemaakt door Colorion. Het heeft tientallen aangepaste verloopcombinaties met echt coole hover-effecten.
Gewoon een snelle scrol omlaag op de pagina zou je moeten laten zien hoeveel er is om uit te kiezen. Colorion moet op zijn minst hebben 100+ knoppen in deze verzameling en nieuwe verloopcombinaties zijn toegevoegd om de zoveel tijd.
Als je een knopstijl ziet die je leuk vindt klik gewoon op de “krijg code” link eronder. Vanaf daar kunt u gewoon de codes kopiëren en in uw webpagina plakken en voilà ??! Mooie gradiëntknoppen zonder de inspannende codering.
Je kunt eigenlijk dieper in Colorion graven om een paar andere kleurgerelateerde hulpmiddelen te vinden. De meeste zijn behoorlijk nichig, zoals de image-to-material generator die maakt een afbeelding en converteert deze naar een kleurenpalet met een materiaalontwerp.
Maar hun bibliotheek met verloopknoppen is waarschijnlijk de beste tool voor webontwerpers.
Elk zweefeffect wordt meegeleverd met de CSS, zodat u die animatiestijl kunt aanpassen aan uw ontwerp.
Als je graag ontwerpt met verlopen, ben je dol op deze bibliotheek.
Toegegeven, niet al deze knoppen kunnen in elke website werken. Maar u kunt waarschijnlijk de meeste van hen laten werken als u uw site rond dezelfde hellingen centreert.
En als je vragen of suggesties hebt voor de site, kun je een korte tweet sturen naar de maker @csaba_kissi.
