Készítsen színes CTA-kat egy szabad gradiens gombokkal
Minden nagyszerű honlapnak szüksége van egy erős cselekvési (CTA) gombra. Ez irányítja a látogatókat, hogy milyen lépéseket szeretne tenni, függetlenül attól, hogy új fiókot szeretne-e regisztrálni, vagy vásárol valamit az e-kereskedelmi üzletből.
De te nem kell CTA-kat létrehozni a semmiből. Az interneten több tucat egyéni CSS3 gomb megnyomásával is eljuthat, vagy hasonló eszközt használhat, amely megkönnyítheti a dolgokat.
Az egyik eszköz, amit ebben a tekintetben nagyon szeretem, a Colorion által létrehozott gradiens gombkönyvtár. Van neki több tucat egyéni gradiens kombináció igazán jó hover hatással.
Csak egy gyors görgetés az oldalon fel kell mutatnia, hogy mennyit kell választani. A Colorionnak legalább 100 + gombok ebben a gyűjteményben, és új gradiens kombinációk kerülnek hozzáadásra néha-néha.
Ha egy tetszőleges gombstílust lát csak kattintson a “megkapni a kódot” link alatt. Innen egyszerűen másolhatod / beillesztheted a kódokat a weboldaladba és voilà Â! Gyönyörű gradiens gombok a megerőltető kódolás nélkül.
Tényleg mélyebbre áshatja a Colorion-t, hogy találjon néhány más, színhez kapcsolódó eszközt. Legtöbbjük elég szép, mint a kép-anyag generátor egy képet készít, és átalakítja azt anyagtervezési színpalettává.
De a gradiens gombkönyvtáruk valószínűleg a webes tervezők legjobb eszköze.
Minden lebegőhatás a CSS-ben található, így szerkesztheti azt az animációs stílust a designnak megfelelően.
Ha szereted a színátmeneteket, akkor imádni fogod ezt a könyvtárat.
Mindezen gombok nem minden webhelyen működhetnek. Valószínűleg a legtöbbjüket akkor is megkapja, ha a webhelye hasonló színátmenetekre koncentrál.
És ha bármilyen kérdése vagy javaslata van a webhelyre, gyorsan készíthet egy gyors csipogást a @csaba_kissi alkotónak.
