Бесплатный генератор кнопок CSS

Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

Предварительный просмотр кнопок

Сгенерированный CSS

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

Свойства кнопки

Популярные пресеты

Related Tools

Создавайте идеальные макеты флексбоксов

Визуализируйте, настраивайте и генерируйте код флекбокса CSS с помощью нашего интуитивно понятного интерфейса перетаскивания.

Конвертер стилуса в CSS

Преобразуйте свой код SCSS в CSS. Быстро, просто и безопасно.

Конвертер SCSS в CSS

Преобразуйте свой код SCSS в CSS. Быстро, просто и безопасно.

CMYK в PANTONE

Преобразование значений цветов CMYK в ближайшие эквиваленты Pantone® для дизайна печати

Калькулятор маржи

Рассчитайте маржу прибыли, валовую маржу и наценку с помощью нашего комплексного калькулятора маржи.

SHA3-256 Калькулятор хеша

Быстрая и простая генерация хэшей SHA3-256