Rakenna värikkäät CTA t, joissa on ilmainen gradienttipainike

Jokainen suuri kotisivu tarvitsee vahvan toimintakutsupainikkeen (CTA). Tämä ohjaa kävijöitä mihin tahansa toimenpiteeseen, jonka haluat tehdä, olipa kyse sitten kirjautumisesta uuteen tiliin tai ostamalla jotain verkkokauppakaupastasi.

Mutta sinä ei tarvitse luoda CTA-tiedostoja tyhjästä. Voit joko mennä kymmeniin mukautettuihin CSS3-painikkeisiin kaikkialla verkossa tai käyttää samanlaista työkalua, joka helpottaa asioita.

Yksi työkalu, jota pidän tältä osin todella, on Colorionin luoma gradienttipainikirjasto. Sillä on kymmeniä mukautettuja gradienttiyhdistelmiä todella viileillä hoverefekteillä.

Nopea vieritys alas sivun pitäisi näyttää, kuinka paljon on valita. Colorionin on oltava vähintään 100+ painikkeita tässä kokoelmassa, ja uusia gradienttiseoksia lisätään aina silloin tällöin.

Jos näet haluamasi painikkeen tyylin klikkaa vain “Hanki koodi” linkki alla. Sieltä voit kopioida / liittää koodit verkkosivullesi ja voilà Â! Kauniita kaltevuuspainikkeita ilman kovaa koodausta.

Voit itse kaivaa syvemmälle Colorioniin löytääksesi muutamia muita väritykseen liittyviä työkaluja. Useimmat niistä ovat melko kapealla, kuten kuvasta materiaaliin -generaattori ottaa kuvan ja muuntaa sen materiaalin muotoiluväriksi.

Mutta niiden kaltevuuspainikirjasto on luultavasti paras työkalu web-suunnittelijoille.

Jokainen hover-vaikutus sisältyy CSS: ään, joten voit muokata animaatiotyyliäsi suunnittelusi mukaan.

Jos pidät kaltevuussuunnittelusta, rakastat tätä kirjastoa.

Kaikkien näiden painikkeiden käyttö ei onnistu kaikilla verkkosivuilla. Voit kuitenkin saada useimmat heistä työskentelemään, jos keskität sivustosi samanlaisiin kaltevuuksiin.

Ja jos sinulla on kysyttävää tai ehdotuksia sivustolle, voit ampua nopeasti piippauksen luojalle @csaba_kissi.