Загрузка...
Создавайте стильные CSS-кнопки с эффектами и анимацией — бесплатно и без регистрации.
Создавайте стильные CSS-кнопки с эффектами и анимацией. Выберите параметры в форме выше и проверьте результат перед использованием.
<button class="btn">Нажми меня</button>
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 24px;
background: #6366f1;
color: #ffffff;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(99, 102, 241, 0.25);
text-decoration: none;
user-select: none;
position: relative;
overflow: hidden;
}
.btn:hover {
background: #4f46e5;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(99, 102, 241, 0.25);
}
.btn:active {
transform: scale(0.95);
}