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

Преобразование JSON в классы Java

Генерируйте Java-классы из данных JSON с соответствующими аннотациями и геттерами/сеттерами. Быстрый, безопасный и полностью браузерный.

CMYK в HEX

Преобразование значений цветов CMYK в шестнадцатеричные коды для веб-дизайна и цифровых приложений

Генератор хеша MD2

Генерируйте MD2-хеши быстро и легко с помощью этого онлайн-инструмента. Безопасные, надежные и мгновенные результаты.