Ehita värvilised CTA-d tasuta gradient-nuppude raamatukoguga

Iga suur koduleht vajab tugevat (CTA) nuppu. See juhib külastajaid igale tegevusele, mida soovid, et nad võtaksid endale uue konto või ostaksid midagi oma e-kaubanduse poest.

Aga sina ei pea looma CTA-sid nullist. Võite veebi kaudu minna kümneid kohandatud CSS3 nuppe või kasutada sarnast tööriista, mis teeb teie jaoks lihtsamaks.

Üks tööriist, mida mulle selles küsimuses tõesti meeldib, on see värviklahvi raamatukogu, mille on loonud Colorion. Sellel on kümneid kohandatud gradientide kombinatsioone tõesti jahe hoverefektidega.

Lihtsalt kiire lehe allapoole kerimine peaks näitama, kui palju on valida. Colorionil peab olema vähemalt Selles kogumikus on 100 + nupud ja lisatakse uued gradient-kombinatsioonid iga nii tihti.

Kui näete soovitud nupu stiili klõpsake lihtsalt “saada koodi” link all. Sealt saate lihtsalt kopeerida / kleepida koodid oma veebilehele ja voilà Â! Ilusad gradient nupud ilma pingelise kodeerimiseta.

Te võite värvida sügavamale Colorioni, et leida mõned muud värvi puudutavad tööriistad. Enamik neist on päris nišš, nagu pildi materjali generaator, mis võtab pildi ja teisendab selle materjali disaini värvipaletiks.

Kuid nende gradiendi nuppude raamatukogu on ilmselt veebidisainerite jaoks parim vahend.

Iga hoverefekt on kaasatud CSS-i, nii et saate selle animatsiooni stiili muuta oma disaini järgi.

Kui soovid kujundada kaldedega, siis sa armastad seda raamatukogu.

Mitte kõik need nupud ei saa töötada igal veebisaidil. Kuid tõenäoliselt saate enamiku neist töötada, kui keskite saidi sarnaste kaldedega.

Ja kui teil on saidi kohta küsimusi või soovitusi, saate kiirelt edasi anda loojale @csaba_kissi.