Bygg färgfulla CTA med ett gratis graderings knappar bibliotek

Varje bra hemsida behöver en stark uppmaningsknapp (CTA). Detta guidar besökare mot vad som helst som du vill att de ska ta, oavsett om de registrerar sig för ett nytt konto eller köper något från din e-handelsbutik.

Men du behöver inte skapa CTAs från början. Du kan antingen gå till dussintals anpassade CSS3-knappar över hela webben eller använda ett liknande verktyg som kan göra saker lättare för dig.

Ett verktyg som jag verkligen gillar i detta avseende är detta lutningsknappsbibliotek skapat av Colorion. Den har dussintals anpassade gradientkombinationer med riktigt coola svävar effekter.

Bara en snabb bläddra ner på sidan ska visa dig hur mycket du kan välja mellan. Colorion måste ha minst 100 + knappar i denna samling, och nya gradientkombinationer läggs till varje så ofta.

Om du ser en knappstil du gillar klicka bara på “hämta kod” länk nedanför. Därifrån kan du bara kopiera / klistra in koderna till din webbsida och voilà ?? Vackra lutningsknappar utan ansträngande kodning.

Du kan faktiskt gräva djupare i Colorion för att hitta några andra färgrelaterade verktyg. De flesta är trevliga nischer, som bild-till-materialgenerator som tar en bild och omvandlar den till en materialdesignpalett.

Men deras gradientknappsbibliotek är förmodligen det bästa verktyget för webbdesigners.

Varje svängareffekt ingår i CSS så att du kan redigera den animerade stilen som passar din design.

Om du gillar att designa med gradienter så kommer du att älska det här biblioteket.

Beviljas inte alla dessa knappar kan fungera på alla webbplatser. Men du kan troligtvis få de flesta av dem att fungera om du centrerar din webbplats kring liknande gradienter.

Och om du har några frågor eller förslag på webbplatsen kan du skjuta en snabb tweet till skaparen @csaba_kissi.