Dubrowsky
Хроники одного дупла
Блогово  →  WebDev  → 

Анимация через -webkit-keyframes НЕ :) ломает стили в Яндекс.Браузере

28 Ноября 2013 года

Есть такая весьма экзотическая (может и к счастью) штука, как анимация на CSS. Я бы может никогда и не узнал о ней, если бы правило -webkit-keyframes не ломало CSS в Яндекс.Браузере, которым я невозбранно пользуюсь. То есть я бы может даже и так не узнал, если бы таковое правило не было встроено примерно в середину css-ки от bootstrap.

UPD: Наезд на Яндекс.Браузер отменяется. Косяк был в том, что к правилу в конце была дописана точка с запятой, а сделал это, судя по всему, LESS-компилятор, через который мы прогоняли бутстраповскую цсску (потому что больше некому).

UPD2: Кстати, оно благополучно починилось в одном из обновлений Яндекс.Браузера ))

Псто оставляю для истории :)

"Ломание" правил состоит в том, что Яндекс.Браузер тупо не читает правила, идущие в CSS-файле после правила -webkit-keyframes. В результате у нас получается "пол бутстрапа", и выглядит оно плачевно.

При этом, что особенно забавно, само keyframes-правило обрабатывается как надо, анимация честно шевелится. 

Вот пример (открыть в отдельной вкладке) - здесь три дива и четыре блока правил. Первое правило красит текст первого дива в красный и прекрасно работает. Второе и третье правило назначают и описывают анимацию для второго дива - и они тоже работают (если у вас Яндекс.Браузер или что-то еще с вебкитом - вы заметите). Последнее правило красит последний див в зеленый цвет - и нифига не работает.

При этом в Хроме этот пример работает целиком, то есть последний блок - зеленый, как надо. 

Надеюсь, печальку починят, потому что сейчас типа 5% рунета видят сайты на бутстрапе (а их скоро уже тоже можно будет мерить целыми процентами) в довольно странном варианте.

Камменты

Дуброн самый05.03.2014, 19:38#
Собственно, в последнем Яндекс.Браузере оно в любом случае починилось - видимо, вслед за Хромом.

Написать коммент: памятка постеру

 

Крутые посты wtf??? →

27.06.2012 · 37 камментов · рейтинг 10.02
23.01.2013 · 21 каммент · рейтинг 7.86
06.03.2008 · 29 камментов · рейтинг 7.03
29.08.2007 · 28 камментов · рейтинг 6.76
19.01.2008 · 20 камментов · рейтинг 5.81

Последне камменты

12.10.2019  6THFV6ZDSU0J 6THFV6ZDSU0J 6THFV6ZDSU0J www.yandex.ruДинамическая отправка формы с файлом в IE (ajax file upload + form.submit): S5yizZQjiS9
26.09.2019  5ZQMBL3RXY98 5ZQMBL3RXY98 5ZQMBL3RXY98 www.yandex.ruтам же: xwWbT1nO
26.09.2019  AT8LJX8SMJPE AT8LJX8SMJPE AT8LJX8SMJPE www.yandex.ruПочему не работает form.submit(): OuQnxIU8HYE
24.09.2019  2SSUSLMI 2SSUSLMI 2SSUSLMI www.yandex.ruтам же: 1DaGyZzh5
04.05.2019  Brian Fargoтам же: Спасибо. Все на поверхности, но фиг вкуришь с лету...

Статсы