Никогда не плохое время для публикации Радиоактивные кнопки , что является чистым CSS3.Только браузеры Webkit (например, Chrome и Safari).Вот модифицированная версия, которая просто светится при наведении, что намного меньше отвлекает:
@-webkit-keyframes greenPulse {
from { background-color: #749a02; -webkit-box-shadow: 0 0 0 #333; }
to { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
}
a.green.button {
background-color: #749a02;
border-radius: 0.5em;
color: #fff;
padding: 0.5em;
text-decoration: none;
}
a.green.button:hover {
background-color: #91bd09;
-webkit-animation-name: greenPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-box-shadow: 0 0 18px #91bd09;
}
<a href="#" class="green button">Click Me</a>
jsFiddle demo .Это должно облегчить задачу, поскольку все больше браузеров его принимают, но до тех пор это всего лишь дополнение к решениям на основе JavaScript.