Permalink
Browse files

landing fixes for moz [ci skip]

  • Loading branch information...
1 parent 4b8cd8e commit 7423dd095fffce89f8c6679b93fb6c067e2c4dba @danielgrippi danielgrippi committed May 11, 2012
Showing with 30 additions and 10 deletions.
  1. +30 −10 app/assets/stylesheets/new_styles/_landing.scss
  2. BIN public/icon_128.gif
@@ -1,35 +1,36 @@
/* animations */
@-webkit-keyframes fly-in {
0% { @include opacity(0); margin-top : -600px; }
- 100% { @include opacity(1); margin-top : auto; }
+ 100% { @include opacity(1); margin-top : 0; }
}
@-moz-keyframes fly-in {
0% { @include opacity(0); margin-top : -600px; }
- 100% { @include opacity(1); margin-top : auto; }
+ 100% { @include opacity(1); margin-top : 0; }
}
@-ms-keyframes fly-in {
0% { @include opacity(0); margin-top : -600px; }
- 100% { @include opacity(1); margin-top : auto; }
+ 100% { @include opacity(1); margin-top : 0; }
}
@-webkit-keyframes fly-out {
- 0% { @include opacity(1); margin-top : auto; }
- 50% { @include opacity(0); }
+ 0% { @include opacity(1); margin-top : 0; }
+ 50% { @include opacity(0); }
100% { @include opacity(0); margin-top : 500px; }
}
@-moz-keyframes fly-out {
- 0% { @include opacity(1); margin-top : auto; }
- 50% { @include opacity(0); }
+ 0% { @include opacity(1); margin-top : 0; }
+ 50% { @include opacity(0); }
100% { @include opacity(0); margin-top : 500px; }
}
@-ms-keyframes fly-out {
- 0% { @include opacity(1); margin-top : auto; }
- 50% { @include opacity(0); }
+ 0% { @include opacity(1); margin-top : 0; }
+ 50% { @include opacity(0); }
100% { @include opacity(0); margin-top : 500px; }
}
/* le declarations */
#landing {
+ overflow : hidden;
position : absolute;
min-height : 100%;
width : 100%;
@@ -109,55 +110,74 @@
#screens {
/* hardware acceleration */
-webkit-transform : translateZ(0);
- -moz-transform : translateZ(0);
text-align : center;
#s_container {
display : inline-block;
+ position : relative;
height : 417px;
width : 516px;
img {
position : absolute;
z-index : 1;
+ left : 0;
+ top : 0;
height : 417px;
width : 516px;
&:nth-child(1) {
-webkit-animation : fly-in 1.2s;
+ -moz-animation : fly-in 1.2s;
+ -ms-animation : fly-in 1.2s;
}
&:nth-child(2) {
-webkit-animation : fly-in 1s;
+ -moz-animation : fly-in 1s;
+ -ms-animation : fly-in 1s;
}
&:nth-child(3) {
-webkit-animation : fly-in 0.8s;
+ -moz-animation : fly-in 0.8s;
+ -ms-animation : fly-in 0.8s;
}
&:nth-child(4) {
-webkit-animation : fly-in 0.6s;
+ -moz-animation : fly-in 0.6s;
+ -ms-animation : fly-in 0.6s;
}
}
&.outtatime {
img {
&:nth-child(1) {
-webkit-animation : fly-out 1.2s;
+ -moz-animation : fly-out 1.2s;
+ -ms-animation : fly-out 0.6s;
}
&:nth-child(2) {
-webkit-animation : fly-out 1s;
+ -moz-animation : fly-out 1s;
+ -ms-animation : fly-out 1s;
+
}
&:nth-child(3) {
-webkit-animation : fly-out 0.8s;
+ -moz-animation : fly-out 0.8s;
+ -ms-animation : fly-out 0.8s;
}
&:nth-child(4) {
-webkit-animation : fly-out 0.6s;
+ -moz-animation : fly-out 0.6s;
+ -ms-animation : fly-out 0.6s;
}
}
}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 7423dd0

Please sign in to comment.