diff --git a/static/home.js b/static/home.js index 47eb3a1088..8beb261513 100644 --- a/static/home.js +++ b/static/home.js @@ -152,7 +152,14 @@ $(function () { T.set(self.imgBox,{scale:self.scale,transformPerspective:400}); T.killTweensOf(self.imgBox,true); //console.log(_x) - T.to(self.imgBox,.5,{rotationY:_x/60,x:_x}) + var tobj={};//{rotationY:_x/60,x:_x}; + if(navigator.userAgent.indexOf('Firefox') >= 0){ + tobj.x=_x + }else{ + tobj.x=_x; + tobj.rotationY=_x/60; + } + T.to(self.imgBox,.5,tobj); }) }, endTween:function (){ diff --git a/static/homeLoad.js b/static/homeLoad.js index d0bcc8f292..8df8cc022b 100644 --- a/static/homeLoad.js +++ b/static/homeLoad.js @@ -12,6 +12,7 @@ $(function () { self.main=$(".main"); self.footer=$("#footer")||$("footer"); self.footer.css("opacity",0); + self.body.addClass("index-page"); self.addLoad() }, addLoad:function (){ diff --git a/static/style.css b/static/style.css index 0d3ea7d576..67631c3155 100644 --- a/static/style.css +++ b/static/style.css @@ -313,6 +313,7 @@ header { width: 2400px; transform-origin: center center; -webkit-transform-origin: center center; + -moz-transform-origin: center center; transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; } @@ -357,7 +358,7 @@ header { height: 50px; margin: auto; animation: loadTween 2S cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite; - + -webkit-animation: loadTween 2S cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;; } .load-box span{ display: inline-block; @@ -1541,8 +1542,8 @@ footer ul li > a { } .index-page footer { - -webkit-animation: yBottomMatrix .5s ease-out 1s backwards; - animation: yBottomMatrix .5s ease-out 1s backwards; + -webkit-animation: yBottomMatrix .5s ease-out 2s backwards; + animation: yBottomMatrix .5s ease-out 2s backwards; } .index-page .logo {