Пульсирующая кнопка на чистом CSS не работает в chrome(43.0.2357.81) и в ff(38.0.1)

  • 2 Ответов
  • 1339 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

deminevgen

  • ***
  • 117
  • + 2 -
Создан модуль HTML с содержимым отсюда
Спойлер
[свернуть]
И вот эта кнопка пульсирует, но прозрачных волн нет, только увеличение и уменьшение размера самой кнопки.
Проблема наблюдается только в chrome(43.0.2357.81) и в ff(38.0.1), в opere и в ie11 всё как надо.
что не так с кодом? я пробовал так:
Спойлер
[свернуть]
но всё равно не работает, подскажите в чём может быть проблема?

*

Alldar

  • *****
  • 1500
  • + 185 -
По вашей ссылке в Chrome все впорядке

Код: css
@-webkit-keyframes pulse {
  to {
-webkit-box-shadow: 0 0 0 15px rgba(90, 153, 220, 0), inset 0 1px 0 #abcbe9;
-o-box-shadow: 0 0 0 15px rgba(90, 153, 220, 0), inset 0 1px 0 #abcbe9;
    -moz-box-shadow: 0 0 0 15px rgba(90, 153, 220, 0), inset 0 1px 0 #abcbe9;
    box-shadow: 0 0 0 15px rgba(90, 153, 220, 0), inset 0 1px 0 #abcbe9;
  }
}
у вас keyframe указан только для вебкита, нужно еще и для ff и стандартный без префикса\

Как то так http://jsfiddle.net/awjpM/6/
« Последнее редактирование: 26.05.2015, 23:40:07 от Alldar »
Пожалуйста не дублируйте сообщения в личку/skype/google+. Все вопросы задавайте на форуме! Спасибо!

Клуб шаблонов для Joomla - NorrTheme

*

deminevgen

  • ***
  • 117
  • + 2 -
упустил этот момент, спасибо всё работает!