Бесплатный генератор кнопок 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-код с профессиональной точностью

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

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

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

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

Из десятичного в двоичный

Преобразуйте десятичные числа в двоичный код без особых усилий

RGB в CMYK

Преобразование цветов RGB в значения CMYK для дизайна печати

HEX в HSV

Преобразуйте цвета между шестнадцатеричными цветовыми моделями и цветовыми моделями HSV (оттенок, насыщенность, значение) с предварительным просмотром в режиме реального времени.