Как сделать эффект нажатия кнопки на CSS

Вы можете создать эффект нажатия кнопки на CSS, используя псевдокласс :active. Этот псевдокласс применяется к элементу во время его активации, то есть когда пользователь нажимает на кнопку.

Вот простой пример CSS, который создаст эффект нажатия кнопки:

.button {
  /* Стили кнопки */
  padding: 10px 20px;
  background-color: #ccc;
  border: none;
  color: #fff;
  cursor: pointer;
}

.button:active {
  /* Стили при нажатии кнопки */
  background-color: #999;
  /* Дополнительные эффекты, такие как изменение размера, тени и т. д. */
}

В этом примере .button — класс, который вы должны добавить к своей кнопке. Когда пользователь нажимает на кнопку, псевдокласс :active будет активирован и применит указанные стили. В данном случае кнопка будет изменять цвет фона при нажатии на неё.

Вы можете настроить этот код, добавив дополнительные стили, такие как изменение размера, добавление теней или изменение текста кнопки при активации.