Team:Heidelberg/Templates/style-css

From 2013.igem.org

(Difference between revisions)
m
m
Line 521: Line 521:
}
}
-
@-moz-keyframes pulse {
+
@-webkit-keyframes bounceIn {
-
    0% { -moz-transform: scale(1); }
+
0% {
-
50% { -moz-transform: scale(1.3); }
+
opacity: 0;
 +
-webkit-transform: scale(.3);
 +
}
 +
 +
50% {
 +
opacity: 1;
 +
-webkit-transform: scale(1.05);
 +
}
 +
 +
70% {
 +
-webkit-transform: scale(.9);
 +
}
 +
 +
100% {
 +
-webkit-transform: scale(1);
 +
}
 +
}
 +
 
 +
@-moz-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-moz-transform: scale(.3);
 +
}
 +
 +
50% {
 +
opacity: 1;
 +
-moz-transform: scale(1.05);
 +
}
 +
 +
70% {
 +
-moz-transform: scale(.9);
 +
}
 +
 +
100% {
 +
-moz-transform: scale(1);
 +
}
 +
}
 +
 
 +
@-ms-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-ms-transform: scale(.3);
 +
}
 +
 +
50% {
 +
opacity: 1;
 +
-ms-transform: scale(1.05);
 +
}
 +
 +
70% {
 +
-ms-transform: scale(.9);
 +
}
 +
 +
100% {
 +
-ms-transform: scale(1);
 +
}
 +
}
 +
 
 +
@-o-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-o-transform: scale(.3);
 +
}
 +
 +
50% {
 +
opacity: 1;
 +
-o-transform: scale(1.05);
 +
}
 +
 +
70% {
 +
-o-transform: scale(.9);
 +
}
 +
 +
100% {
 +
-o-transform: scale(1);
 +
}
 +
}
 +
 
 +
@keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
transform: scale(.3);
 +
}
 +
 +
50% {
 +
opacity: 1;
 +
transform: scale(1.05);
 +
}
 +
 +
70% {
 +
transform: scale(.9);
 +
}
 +
 +
100% {
 +
transform: scale(1);
 +
}
}
}
Line 533: Line 628:
     background-position:left;
     background-position:left;
     display:inline-block;
     display:inline-block;
-
     -moz-animation: pulse 10s ease infinite;
+
    -webkit-animation: bounceIn 2s linear;
 +
     -moz-animation: bounceIn 2s linear;
 +
    -ms-animation: bounceIn 2s linear;
 +
    -o-animation: bounceIn 2s linear;
 +
    animation: bounceIn 2s linear;
}
}

Revision as of 13:41, 25 October 2013

Retrieved from "http://2013.igem.org/Team:Heidelberg/Templates/style-css"