/* Code tidied up by ScrapBook */
@keyframes bounceIn {
0% { opacity: 0; transform: scale(0.5); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes bounceIn {
0% { opacity: 0; transform: scale(0.5); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes bounceOut {
100% { opacity: 0; transform: scale(0.7); }
30% { transform: scale(1.03); }
0% { transform: scale(1); }
}
@keyframes bounceOut {
100% { opacity: 0; transform: scale(0.7); }
30% { transform: scale(1.03); }
0% { transform: scale(1); }
}
@keyframes zoomInDown {
0% { opacity: 0; transform: scale(0.1) translateY(-2000px); animation-timing-function: ease-in-out; }
60% { opacity: 1; transform: scale(0.475) translateY(60px); animation-timing-function: ease-out; }
}
@keyframes zoomInDown {
0% { opacity: 0; transform: scale(0.1) translateY(-2000px); animation-timing-function: ease-in-out; }
60% { opacity: 1; transform: scale(0.475) translateY(60px); animation-timing-function: ease-out; }
}
@keyframes fadeInUpBig {
0% { opacity: 0; transform: translateY(2000px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeInUpBig {
0% { opacity: 0; transform: translateY(2000px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes zoomInLeft {
0% { opacity: 0; transform: scale(0.1) translateX(-2000px); animation-timing-function: ease-in-out; }
60% { opacity: 1; transform: scale(0.475) translateX(48px); animation-timing-function: ease-out; }
}
@keyframes zoomInLeft {
0% { opacity: 0; transform: scale(0.1) translateX(-2000px); animation-timing-function: ease-in-out; }
60% { opacity: 1; transform: scale(0.475) translateX(48px); animation-timing-function: ease-out; }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes shake {
0%, 100% { transform: translateX(0px); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
20%, 40%, 60%, 80% { transform: translateX(10px); }
}
@keyframes shake {
0%, 100% { transform: translateX(0px); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
20%, 40%, 60%, 80% { transform: translateX(10px); }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}