Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Смена цвета кнопок (https://javascript.ru/forum/dom-window/56399-smena-cveta-knopok.html)

lubcha 14.06.2015 11:21

Смена цвета кнопок
 
Здравствуйте:) Есть виртуальная клавиатура, кнопки раскрашены через свойство style. Мне необходимо, чтобы кнопка, которую должен нажать пользователь, подсвечивалась красным, а потом становилась "родного" цвета. Как это можно реализовать?

рони 14.06.2015 11:43

lubcha,
:-?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    .red:hover{
           animation: go 1s  ease-in-out;
           -webkit-animation: go 1s  ease-in-out;
    }
  @keyframes go  {
      0%{
        background-color: rgb(255, 0, 0);
      }
     100%{
       background-color: transparent;
     }

  }
  @-webkit-keyframes go  {
      0%{
        background-color: rgb(255, 0, 0);
      }
     100%{
       background-color: transparent;
     }

  }
  </style>
</head>

<body>
  <input name="" type="button" value="test" class="red">
</body>

</html>


Часовой пояс GMT +3, время: 13:09.