/*! Animate.css - daneden.me/animate */
.animated {
-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }
}
.bounce {
-webkit-animation-name: bounce; animation-name: bounce;
}
@-webkit-keyframes fadeInDown {
0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@keyframes fadeInDown {
0% { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
.fadeInDown {
-webkit-animation-name: fadeInDown; animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% { -webkit-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@keyframes fadeInLeft {
0% { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInUp {
0% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@keyframes fadeInUp {
0% { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
.fadeInUp {
-webkit-animation-name: fadeInUp; animation-name: fadeInUp;
}