Veidot krāsainus CTA ar bezmaksas gradienta pogu bibliotēku

Katrai lielajai mājaslapai ir nepieciešama spēcīga aicinājuma uz rīcību (CTA) poga. Tas palīdz apmeklētājiem rīkoties neatkarīgi no tā, vai vēlaties, lai tie tiktu reģistrēti jaunam kontam vai pirktu kaut ko no sava e-komercijas veikala.

Bet tu nav jāizveido CTA no nulles. Jūs varat doties uz desmitiem pielāgotu CSS3 pogas visā tīmeklī vai izmantot līdzīgu rīku, kas var padarīt lietas vieglākas.

Viens instruments, kas man patiešām patīk, ir šī gradienta pogu bibliotēka, ko izveidoja Colorion. Tā ir ieguvusi desmitiem pielāgotu gradientu kombināciju ar tiešām atdzistām sekām.

Tikai ātrai ritināšanai uz leju lapā jāparāda, cik daudz ir jāizvēlas. Colorion jābūt vismaz 100+ pogas šajā kolekcijā, un tiek pievienotas jaunas gradienta kombinācijas ik tik bieži.

Ja redzat vajadzīgo pogas stilu vienkārši noklikšķiniet uz “iegūt kodu” saite zem. No turienes jūs varat vienkārši kopēt / ielīmēt kodus savā tīmekļa vietnē un voilà? Skaistas gradienta pogas bez spraigas kodēšanas.

Jūs varat faktiski izrakt dziļāk Colorion, lai atrastu dažus citus ar krāsu saistītus rīkus. Lielākā daļa no tām ir diezgan nišas, tāpat kā attēla materiāla ģenerators uzņem attēlu un pārveido to par materiāla dizaina krāsu paleti.

Bet to gradienta pogu bibliotēka, iespējams, ir labākais rīks web dizaineriem.

Katrs hover efekts ir iekļauts CSS, lai jūs varētu rediģēt šo animācijas stilu, lai tas atbilstu jūsu dizainam.

Ja jums patīk veidot gradientus, tad jūs iemīlēsiet šo bibliotēku.

Ne visas šīs pogas var darboties katrā tīmekļa vietnē. Bet jūs, iespējams, saņemsiet lielāko daļu no tiem, ja centrējat savu vietni par līdzīgiem slīpumiem.

Un, ja jums ir kādi jautājumi vai ieteikumi vietnei, varat uzņemt ātru čivināt autoram @csaba_kissi.