Форум русской поддержки Joomla!® CMS
08.12.2016, 11:57:39 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 855 раз)
0 Пользователей и 1 Гость смотрят эту тему.
deminevgen
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 117



« : 26.05.2015, 22:27:51 »

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

Репутация: +181/-1
Offline Offline

Пол: Мужской
Сообщений: 1475



« Ответ #1 : 26.05.2015, 22:33:51 »

По вашей ссылке в Chrome все впорядке

Код
@-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, 22:40:07 от Alldar » Записан
deminevgen
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 117



« Ответ #2 : 26.05.2015, 22:44:53 »

упустил этот момент, спасибо всё работает!
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet