100 lines
1.3 KiB
CSS
100 lines
1.3 KiB
CSS
@keyframes ani-bubble-in{
|
|
0%{
|
|
transform: scale(0);
|
|
}
|
|
80%{
|
|
transform: scale(1.1);
|
|
}
|
|
100%{
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes ani-collect-warehouse{
|
|
to{
|
|
top:10px;
|
|
left:10px;
|
|
width: 0px;
|
|
height: 0px;
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
@keyframes ani-jelly{
|
|
0%{
|
|
transform: scale(1);
|
|
}
|
|
10%{
|
|
transform: scale(0.9);
|
|
}
|
|
90%{
|
|
transform: scale(1.1);
|
|
}
|
|
100%{
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes ani-fade-in{
|
|
from{
|
|
transform: translateY(50px);
|
|
opacity: 0;
|
|
}
|
|
to{
|
|
transform: translateY(0px);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes ani-fade-out{
|
|
from{
|
|
transform: translateY(0px);
|
|
opacity: 1;
|
|
}
|
|
to{
|
|
transform: translateY(-50px);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes ani-bounce{
|
|
0%{
|
|
transform: scale(1,1);
|
|
}
|
|
25%{
|
|
transform: scale(1.02,.98);
|
|
}
|
|
75%{
|
|
transform: scale(.98,1.02);
|
|
}
|
|
100%{
|
|
transform: scale(1,1);
|
|
}
|
|
}
|
|
@keyframes ani-swing{
|
|
0%{
|
|
transform: skewX(0deg);
|
|
}
|
|
25%{
|
|
transform: skewX(-3deg);
|
|
}
|
|
75%{
|
|
transform: skewX(3deg);
|
|
}
|
|
100%{
|
|
transform: skewX(0deg);
|
|
}
|
|
}
|
|
@keyframes ani-rotate{
|
|
0%{
|
|
transform: rotate(0deg);
|
|
}
|
|
25%{
|
|
transform: rotate(90deg);
|
|
}
|
|
50%{
|
|
transform: rotate(180deg);
|
|
}
|
|
75%{
|
|
transform: rotate(270deg);
|
|
}
|
|
100%{
|
|
transform: rotate(360deg);
|
|
}
|
|
} |