Robot
/
animate.css
mirror of https://github.com/animate-css/animate.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Removed repetitive @keyframe declarations from .bounce class 

Signed-off-by: Anthony Calzadilla <anthony.calzadilla@me.com>
This commit is contained in:
Anthony Calzadilla 2011-10-14 11:29:24 -04:00
parent 53df09992e
commit 20ac14ab78
2 changed files with 14 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
animate.css vendored
View File

@ -391,13 +391,9 @@
@-webkit-keyframes bounce { @-webkit-keyframes bounce {
0% {-webkit-transform: translateY(0);} 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
20% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);} 40% {-webkit-transform: translateY(-30px);}
50% {-webkit-transform: translateY(0);}
60% {-webkit-transform: translateY(-15px);} 60% {-webkit-transform: translateY(-15px);}
80% {-webkit-transform: translateY(0);}
100% {-webkit-transform: translateY(0);}
} }
@-webkit-keyframes shake { @-webkit-keyframes shake {
@ -970,33 +966,9 @@
} }
@-moz-keyframes bounce { @-moz-keyframes bounce {
0% { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
-moz-transform: translateY(0); 40% {-moz-transform: translateY(-30px);}
} 60% {-moz-transform: translateY(-15px);}
20% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
50% {
-moz-transform: translateY(0);
}
60% {
-moz-transform: translateY(-15px);
}
80% {
-moz-transform: translateY(0);
}
100% {
-moz-transform: translateY(0);
}
} }
@-moz-keyframes shake { @-moz-keyframes shake {
@ -1601,33 +1573,9 @@
} }
@-ms-keyframes bounce { @-ms-keyframes bounce {
0% { 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
-ms-transform: translateY(0); 40% {-ms-transform: translateY(-30px);}
} 60% {-ms-transform: translateY(-15px);}
20% {
-ms-transform: translateY(0);
}
40% {
-ms-transform: translateY(-30px);
}
50% {
-ms-transform: translateY(0);
}
60% {
-ms-transform: translateY(-15px);
}
80% {
-ms-transform: translateY(0);
}
100% {
-ms-transform: translateY(0);
}
} }
@-ms-keyframes shake { @-ms-keyframes shake {
@ -2232,33 +2180,9 @@
} }
@keyframes bounce { @keyframes bounce {
0% { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
transform: translateY(0); 40% {transform: translateY(-30px);}
} 60% {transform: translateY(-15px);}
20% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
50% {
transform: translateY(0);
}
60% {
transform: translateY(-15px);
}
80% {
transform: translateY(0);
}
100% {
transform: translateY(0);
}
} }
@keyframes shake { @keyframes shake {

24
source/bounce.css
View File

@ -1,41 +1,25 @@
@-webkit-keyframes bounce { @-webkit-keyframes bounce {
0% {-webkit-transform: translateY(0);} 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
20% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);} 40% {-webkit-transform: translateY(-30px);}
50% {-webkit-transform: translateY(0);}
60% {-webkit-transform: translateY(-15px);} 60% {-webkit-transform: translateY(-15px);}
80% {-webkit-transform: translateY(0);}
100% {-webkit-transform: translateY(0);}
} }
@-moz-keyframes bounce { @-moz-keyframes bounce {
0% {-moz-transform: translateY(0);} 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
20% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);} 40% {-moz-transform: translateY(-30px);}
50% {-moz-transform: translateY(0);}
60% {-moz-transform: translateY(-15px);} 60% {-moz-transform: translateY(-15px);}
80% {-moz-transform: translateY(0);}
100% {-moz-transform: translateY(0);}
} }
@-ms-keyframes bounce { @-ms-keyframes bounce {
0% {-ms-transform: translateY(0);} 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
20% {-ms-transform: translateY(0);}
40% {-ms-transform: translateY(-30px);} 40% {-ms-transform: translateY(-30px);}
50% {-ms-transform: translateY(0);}
60% {-ms-transform: translateY(-15px);} 60% {-ms-transform: translateY(-15px);}
80% {-ms-transform: translateY(0);}
100% {-ms-transform: translateY(0);}
} }
@keyframes bounce { @keyframes bounce {
0% {transform: translateY(0);} 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
20% {transform: translateY(0);}
40% {transform: translateY(-30px);} 40% {transform: translateY(-30px);}
50% {transform: translateY(0);}
60% {transform: translateY(-15px);} 60% {transform: translateY(-15px);}
80% {transform: translateY(0);}
100% {transform: translateY(0);}
} }
.bounce { .bounce {