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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

E

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

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

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


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!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>