@keyframes scroll-down {
0%, 100% {
transform: translateY(5%);
}
50% {
transform: translateY(0);
}
}
@keyframes scale {
0% {
transform: scale(1);
}
50% {
transform: scale(.6);
}
100% {
transform: scale(1.1);
}
}
@-webkit-keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes ripple {
0%,35% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: .8;
}
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
@keyframes ripple {
0%,35% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: .8;
}
100% {
opacity: 0;
-webkit-transform: scale(1.8);
transform: scale(1.8);
}
}
@keyframes wave {
0% {
transform: rotate(1deg);
}
100% {
transform: rotate(-1deg);
}
}
@keyframes rotate-center {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}