Бесплатный генератор кнопок 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 Beautifier

Форматируйте и украшайте свой CSS-код с профессиональной точностью

Минификатор CSS

Сжимайте и оптимизируйте свой CSS-код с профессиональной точностью

Генератор переходов CSS3

Плавный переход непрозрачности

Конвертер римских цифр в числа

Преобразование римских цифр в их числовые эквиваленты с помощью пошагового объяснения

Инструмент для кодирования Base64

Создание безопасных хэшей паролей для WordPress

HSV в RGB

Преобразование цветовых кодов HSV в значения RGB для веб-разработки