keyframes не определяется
@keyframes rot {
0% {
background-color: #000 !important;
}
100% {
background-color: #c0c0c0 !important;
}
}
#telegramSiteHelperChatLabel
animation-name rot
animation-duration 2s
animation-iteration-count infiniteНаписано на stylus с nib префиксы оно ставит само.
В консоли хрома вижу это(св-ва нехарактерные хрому зачеркнуты, остальное валидно)
-webkit-animation-name: rot;
-moz-animation-name: rot;
-o-animation-name: rot;
-ms-animation-name: rot;
animation-name: rot;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;Чуть ниже в панели keyframes вижу
0% {
}
main.css:1041
100% {
}
main.css:1044На этих строках вроде валидные св-ва из вставки выше. Что интересно, если тот же самый код руками добавить в консоли все работает.
Что не так? Всю голову сломал. Если надо, могу дать урл реального проекта.
Если убрать !important и сделать просто background все супер. Почему?!
То, что вы хотите сделать, не соответствует стандарту W3C.
В спецификации описывается, что ключевые кадры с !important игнорируются:
The keyframe declaration block for a keyframe rule consists of properties and values. .... In addition, keyframe rule declarations qualified with !important are ignored.
А что собственно вы хотели сделать этим important? Анимация и так имеет приоритет еще больший, чем important:
@keyframes rot {
0% {
background-color: #000;
}
100% {
background-color: #c0c0c0;
}
}
div {
background-color: red !important;
animation: rot 2s infinite;
}<div>test</div>Ну, кроме Firefox, который, кстати, в этом смысле соответствует стандарту:
Animations override all normal rules, but are overriden by !important rules.
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
- Почему SERVER_ADDR имеет не тот IP 47914 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30568 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23900 visits
- Как через css изменить цвет png изображения? 10401 visits
- Blob video url download 10005 visits
- Php curl запрос через прокси с авторизацией 9278 visits
- Работа с captcha vk api 8147 visits
© "hostciti.net" 26.3.2025 | 07:51