Skip to content
Extraits de code Groupes Projets
Valider 7423dd09 rédigé par danielgrippi's avatar danielgrippi
Parcourir les fichiers

landing fixes for moz [ci skip]

parent 4b8cd8eb
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
/* 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,36 +110,46 @@
#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;
}
}
......@@ -146,18 +157,27 @@
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;
}
}
}
......
public/icon_128.gif

6,24 ko

0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter