@keyframes bounceIn {
    0% {transform:scale(0.1);opacity:0;)}
    60% {transform:scale(1.2);opacity:1;)}
    100% {transform:scale(1);)}
}

@keyframes slideLeft {
    0% {transform: translate(-400px, 0);opacity:0;)}
    60% {opacity:1;)}
    100% {transform: translate(0, 0);}
}
@keyframes slideRight {
    0% {transform: translate(400px, 0);opacity:0;)}
    60% {opacity:1;)}
    100% {transform: translate(0, 0);}
}
@keyframes slideUp {
    0% {transform: translate(0px, 100px);opacity:0;)}
    60% {opacity:1;)}
    100% {transform: translate(0);)}
}

.animacionVisible{
    transition-duration: 1.5s;
}
.ani-zoom.animacion{
    animation:bounceIn 1s normal;
}
.ani-slide-right.animacion{
    animation:slideRight 1s normal;
}
.ani-slide-left.animacion{
    animation:slideLeft 1s normal;
}
.ani-slide-up.animacion{
    animation-delay: 1s;
    animation:slideUp 2s normal;
}

