Полезная информация

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№106-09-2015 14:16:58

inverser
Участник
 
Группа: Members
Зарегистрирован: 06-09-2015
Сообщений: 1
UA: Chrome 44.0

transformY и jQuery

здравствуйте. есть сайтик inverser.pro
Логотип (вверху странички) – INVERSER, крутится в Opera, а не крутится в FF.
Код, который применен к каждой букве, которая помещена в отдельный контейнер <span class="inv"
CSS:
.inv{-webkit-transition:1s ease-in-out;-webkit-transition-property:all;-moz-transition:1s ease-in-out;-moz-transition-property:all;-o-transition-property:all; -o-transition-duration:1s; -o-transition-timing-function:ease-in-out;transition:all 1s ease-in-out;}

и цикл, который меняет transform в jQuery:

var i = 0;
setInterval(function (){
i++;
$("span.inv:eq(" + (i - 1) + ")").css({"-webkit-transform": "rotateY(360deg)", "-moz-transform": "rotateY(360deg)", "-o-transform": "rotateY(360deg)", "-khtml-transform": "rotateY(360deg)", "-ms-transform": "rotateY(360deg)", "transform": "rotateY(360deg)",color:'#000'});
$("span#st:eq(" + (i - 1) + ")").css({'text-shadow': '-4px 0 0 rgba(0,0,0,0.5)'});
}
,200);

все отлично показывает F12 и видно, что меняется стиль для каждого из .inv, но анимации при этом НЕ происходит только в FF...
шоделать?

Отредактировано inverser (06-09-2015 22:59:36)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]