@keyframes zoomIn {
0% {
transform: translateY(40px) scale(0.8);
opacity: 0;
}
100% {
transform: translateY(0) scale(1.0);
}
80%, 100% {
opacity: 1;
}
}
@keyframes blurAnime{
from {
filter: blur(10px);
transform: scale(1.02);
opacity: 0;
}
to {
filter: blur(0);
transform: scale(1);
opacity: 1;
}
}
@keyframes poyopoyo {
0%, 40%, 60%, 80% {
transform: scale(1.0);
}
50%, 70% {
transform: scale(0.95);
}
}
@keyframes effectin {
0% {
transform: translateX(0)scale(1,1);
}
100% {
transform: translatex(-400px) scale(0.2,1);
}
}
@keyframes effectout {
0% {
transform: translateX(0)scale(1,1);
}
100% {
transform: translatex(400px) scale(0.2,1);
}
}
@keyframes effectin_m {
0% {
transform: translateX(0)scale(1,1);
}
100% {
transform: translatex(-270px) scale(0.3,1);
}
}
@keyframes effectout_m {
0% {
transform: translateX(0)scale(1,1);
}
100% {
transform: translatex(270px) scale(0.3,1);
}
}
@keyframes effectin_s {
0% {
transform: translateX(0)scale(1,1);
}
100% {
transform: translatex(-170px) scale(0.3,1);
}
}
@keyframes effectout_s {
0% {
transform: translateX(0)scale(1,1);
}
100% {
transform: translatex(170px) scale(0.3,1);
}
}
@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}
@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}
@-webkit-keyframes fuwafuwa02 {
0% {-webkit-transform:translate(0, 0);}
50% {-webkit-transform:translate(0, -5px);}
100% {-webkit-transform:translate(0, 0);}
}
@keyframes fuwafuwa02 {
0% {transform:translate(0, 0);}
50% {transform:translate(0, -5px);}
100% {transform:translate(0, 0);}
}