/* VERTICAL BOUNCE ANIMATION */
.bounce {
    -webkit-animation-name: bounce;
    -webkit-animation-duration: 0.5s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
}
@-webkit-keyframes bounce {
    0% { -webkit-transform: translate(0px, 10px) rotate(0deg); }
    10% { -webkit-transform: translate(0px, 8px) rotate(0deg); }
    20% { -webkit-transform: translate(0px, 6px) rotate(0deg); }
    30% { -webkit-transform: translate(0px, 4px) rotate(0deg); }
    40% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    50% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
    60% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    70% { -webkit-transform: translate(0px, 4px) rotate(0deg); }
    80% { -webkit-transform: translate(0px, 6px) rotate(0deg); }
    90% { -webkit-transform: translate(0px, 8px) rotate(0deg); }
    100% { -webkit-transform: translate(0px, 10px) rotate(0deg); }
}