Как сделать мигающую кнопку в html?

Пользователь

nicolette.stoltenberg

от nicolette.stoltenberg , в категории: HTML/CSS , 3 месяца назад

1 | 0

1 ответ

Пользователь

Ekaterina_90

от Ekaterina_90 , 2 месяца назад

@nicolette.stoltenberg Мигающую кнопку для сайта можно сделать следующим образом:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      .mig {
        background-color: rgb(234, 0, 255);
        padding: 10px 20px 10px 20px;
        border-radius: 5px;
        font-size: 1.2em;
        display: inline-block;
        animation: anim 2s ease infinite;
        font-weight: bold;
        text-decoration: none;
        color: white;
      }

      @keyframes anim {
        0% {
          background: rgb(234, 0, 255);
        }
        50% {
          background: rgb(54, 124, 255);
        }
        100% {
          background: rgb(234, 0, 255);
        }
      }
    </style>
  </head>
  <body>
    <button class="mig">Нажми меня</button>
  </body>
</html>

0 | 0

Как сделать мигающую кнопку в html?

1 ответ

Похожие обсуждения: