Збірка барвистих CTAs з безкоштовною градієнтною бібліотекою кнопок

Кожна велика домашня сторінка потребує потужної кнопки заклику до дії (CTA). Це спрямовує відвідувачів на будь-які дії, які ви хочете зробити, незалежно від того, чи підписалися вони на новий обліковий запис або придбали щось з вашого магазину електронної комерції.

Але ти не потрібно створювати CTA з нуля. Ви можете скористатися десятками користувацьких кнопок CSS3 по всьому Інтернету або скористатися подібним інструментом, який полегшить для вас справу.

Один інструмент, який мені дуже подобається, це бібліотека кнопок градієнта, створена Colorion. Він отримав десятки власних комбінацій градієнтів з дійсно прохолодними ефектами наведення.

Просто швидко прокрутіть сторінку повинна показати вам, скільки можна вибрати. Забарвлення повинна мати принаймні У цій колекції додано більше 100 кнопок і додано нові комбінації градієнтів часто.

Якщо ви бачите стиль кнопки, який вам подобається просто натисніть кнопку “отримати код” посилання під ним. Звідти ви можете просто скопіювати / вставити коди у вашу веб-сторінку і voilà ?? Гарні кнопки градієнта без напруженого кодування.

Ви можете насправді глибше заглибитися в Colorion, щоб знайти кілька інших інструментів, пов'язаних з кольором. Більшість з них досить ніша, як генератор зображення до матеріалу, який приймає зображення і перетворює його в кольорову палітру дизайну матеріалу.

Але їх бібліотека кнопок градієнтів є, мабуть, найкращим інструментом для веб-дизайнерів.

Кожен ефект наведення ходу входить до складу CSS, тому ви можете редагувати цей стиль анімації відповідно до вашого дизайну.

Якщо ви любите проектування з градієнтами, то ви будете обожнювати цю бібліотеку.

Не всі з цих кнопок можуть працювати на кожному сайті. Але, ймовірно, більшість з них працюватиме, якщо ви центруєте свій сайт навколо подібних градієнтів.

І якщо у вас є якісь питання або пропозиції щодо сайту, ви можете зняти швидкий твіт над творцем @csaba_kissi.