Как можно определить, поддерживает ли браузер -webkit-animation?

@ИмяПользователя · Регистрация: 02.04.2015

Студворк — интернет-сервис помощи студентам

Добрый день.
Собственно, есть пример (sorry, он короткий, поэтому всё в куче):

Кликните здесь для просмотра всего текста

HTML5
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
35
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <style type="text/css">
        .blink {
            -webkit-animation: blink 1s linear infinite; 
            animation: blink 1s linear infinite; 
            font-weight: bold; 
            background-color: background-color: orange;
        }
 
        @-webkit-keyframes blink {
            0% { background-color: orange; }
            50% { background-color: white; }
            100% { background-color: orange; }
        }
 
        @keyframes blink {
            0% { background-color: orange; }
            50% { background-color: white; }
            100% { background-color: orange; }
        }
    </style>
    <p id="p1" class="blink" onclick="blinkOff('p1')" style="background-color: orange;">Сделаем наш город ярче!</p>
    <p id="p2" class="blink" onclick="blinkOff('p2')">Сделаем наш город ярче!</p>
    <script>
        function blinkOff(id){
            var p = document.getElementById(id).className = "";
        }
    </script>
</body>
</html>

Можно ли как-то средствами javascript (или, быть может, php?) определить - мигают ли строки в текущем браузере?

@Padimanskas · 17.09.2016, 13:04

Сообщение от ИмяПользователя

Можно ли как-то средствами javascript (или, быть может, php?) определить - мигают ли строки в текущем браузере?

Можно определить есть ли вообще анимация

JavaScript
1
'webkitAnimation' in document.documentElement.style

Добавлено через 0.0001 миллисекунд
Можно дождаться окончания как-то так

JavaScript
1
addEventListener('webkitTransitionEnd', function(e){console.log(e)})

@ИмяПользователя · 17.09.2016, 19:16 **[ТС]**

- Спа-си-бо! Собрал, проверил: именно то, что нужно!!! А то мне уже во всю таблицы пихали, мол перепеши кто из браузеров поддерживает и просто сверяй клиента...

Еще раз спасибо за простое и функциональное решение! )

Новые блоги и статьи Все статьи Все блоги /
Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .

@ИмяПользователя 29 / 26 / 18 Регистрация: 02.04.2015 Сообщений: 316
	17.09.2016, 19:16 [ТС]
	- Спа-си-бо! Собрал, проверил: именно то, что нужно!!! А то мне уже во всю таблицы пихали, мол перепеши кто из браузеров поддерживает и просто сверяй клиента... Еще раз спасибо за простое и функциональное решение! ) 0

Как можно определить, поддерживает ли браузер -webkit-animation?

Решение