Sovas
UA
Web Tools
Головна
Всі інструменти
Контакти
EN
PL
UK
Назад до сервісів
Генератор CSS-кнопок PRO
Створюйте ідеальні кнопки з анімаціями, посиланнями, відступами та тінями.
Сучасна
Контурна
Анімація заповнення
Неон (Glow)
Текст, Посилання та Іконка
Текст на кнопці:
Символ/Іконка:
Без іконки
Стрілка →
Галочка ✓
Ракета 🚀
Кошик 🛒
Зірка ⭐
Вогонь 🔥
Пошта ✉
Позиція:
Зліва
Справа
Посилання (URL):
У новому вікні (_blank)
Розмір шрифту:
16
px
Жирність шрифту:
Normal (400)
Medium (500)
Semi-Bold (600)
Bold (700)
Відступи (Spacing)
Внутрішні (Padding)
Верх/Низ (Y):
12
px
Ліво/Право (X):
24
px
Зовнішні (Margin)
Верх/Низ (Y):
10
px
Ліво/Право (X):
0
px
Кольори & Hover
Звичайна зміна кольорів
Заповнення зліва-направо
Заповнення знизу-вгору
Неонове світіння
Вимкнути Hover-ефект
Звичайний стан
Колір фону
Колір тексту
Колір рамки
При наведенні (Hover)
Колір фону (або заповнення)
Колір тексту
Колір рамки
Форма, Тінь та Клік
Радіус кутів:
8
px
Товщина рамки:
0
px
Тінь (Box Shadow):
Без тіні
Дуже легка
Середня (Soft)
Велика (Float)
3D Ефект (Низ)
Ефект при кліку (Active):
Немає
Зменшення (Scale 0.95)
Зсув вниз (Translate Y)
Прев'ю
HTML:
Копіювати
CSS:
Копіювати
Скопійовано!
