⚙️ Создание анимированной кнопки с эффектом нажатия на CSS

В этом примере мы создадим анимированную кнопку с использованием CSS. Кнопка будет иметь эффект изменения размера при нажатии, что сделает интеракцию с пользователем более приятной.

<button class="animated-button">Нажми меня</button>

.animated-button {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.animated-button:hover {
  background-color: #0056b3;
}

.animated-button:active {
  transform: scale(0.95); /* Изменение размера при нажатии */
}

#HTML #CSS