Bygg fargede CTA med en gratis graderings knapper bibliotek

Hver stor hjemmeside trenger en sterk CTA-knapp (CTA). Dette veileder besøkende til hvilken handling de vil at de skal ta, om det er påmelding for en ny konto eller å kjøpe noe fra din e-handelsbutikk.

Men du trenger ikke å opprette CTAer fra bunnen av. Du kan enten gå for dusinvis av egendefinerte CSS3 knapper over hele nettet eller bruke et lignende verktøy som kan gjøre tingene enklere for deg.

Et verktøy som jeg virkelig liker i denne henseende er dette gradientknappbiblioteket laget av Colorion. Den har fått dusinvis av tilpassede gradientkombinasjoner med veldig kul hover effekter.

Bare en rask rulle nedover siden skal vise deg hvor mye du skal velge fra. Colorion må ha minst 100 + knapper i denne samlingen, og nye gradientkombinasjoner blir lagt til av og til.

Hvis du ser en knappestil du liker bare klikk på “få kode” lenke under. Derfra kan du bare kopiere / lime inn kodene til websiden din og voilà ?? Vakre gradient knapper uten anstrengende koding.

Du kan faktisk grave dypere inn i Colorion for å finne noen andre fargelaterte verktøy. De fleste av dem er pen nisje, som bilde-til-materialgeneratoren som tar et bilde og konverterer det til en materiell fargepalett.

Men deres gradientknappsbibliotek er trolig det beste verktøyet for webdesignere.

Hver hover-effekt er inkludert i CSS, slik at du kan redigere den animasjonsstilen som passer ditt design.

Hvis du liker å designe med gradienter, så vil du elske dette biblioteket.

Gitt ikke alle disse knappene kan fungere på alle nettsider. Men du kan sannsynligvis få de fleste av dem til å fungere hvis du senterer nettstedet ditt rundt lignende gradienter.

Og hvis du har noen spørsmål eller forslag til nettstedet, kan du skyte en rask tweet til skaperen @csaba_kissi.