Демонстрация кастомных кнопок
Стили кнопок на основе CSS переменных
Базовые кнопки с разными цветами
Основные цвета:
Outline кнопки:
Ghost кнопки:
Размеры и скругления
Размеры кнопок:
Варианты скругления:
Комбинации:
Кнопки с иконками и эффектами
С иконками:
Эффекты:
Примеры использования:
Группы кнопок
Горизонтальная группа:
Вертикальная группа:
Группа с разными стилями:
Группа с иконками:
Комбинированные стили
Комбинации классов:
Отключенные состояния:
Особенности стилей:
- Все цвета берутся из CSS переменных
- Три варианта скругления: обычное, среднее и полное
- Поддержка темной темы через
[data-theme="dark"] - Плавные анимации и переходы
- Адаптивность для мобильных устройств
Продолжая использовать сайт, вы соглашаетесь на обработку файлов cookie и принимаете Пользовательское соглашение