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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

Разработка » transformY и jQuery » 06-09-2015 14:16:58

здравствуйте. есть сайтик 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 и видно, что меняется стиль для каждого из .i

Board footer

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