40 lines
728 B
CSS
40 lines
728 B
CSS
|
|
|
|
|
|
|
|
@keyframes bounceleft{
|
|
0% {
|
|
-webkit-transform: translateX(-50px);
|
|
transform: translateX(-50px);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateX(-15px);
|
|
transform: translateX(-15px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(-50px);
|
|
transform: translateX(-50px);
|
|
}
|
|
}
|
|
|
|
/*bounce-top-bottom-animation*/
|
|
|
|
@keyframes bounce {
|
|
0% {
|
|
-webkit-transform: translateY(-50px);
|
|
transform: translateY(-50px);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateY(-50px);
|
|
transform: translateY(-50px);
|
|
}
|
|
}
|