55 lines
795 B
CSS
55 lines
795 B
CSS
|
.animate__animated {
|
||
|
|
animation-duration: 1s;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes bounceIn {
|
||
|
|
from,
|
||
|
|
20%,
|
||
|
|
40%,
|
||
|
|
60%,
|
||
|
|
80%,
|
||
|
|
to {
|
||
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale3d(0.7, 0.7, 0.7);
|
||
|
|
}
|
||
|
|
|
||
|
|
40% {
|
||
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale3d(1, 1, 1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.animate__bounceIn {
|
||
|
|
animation-name: bounceIn;
|
||
|
|
animation-duration: 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes zoomOut {
|
||
|
|
from {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale3d(0.7, 0.7, 0.7);
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.animate__zoomOut {
|
||
|
|
animation-name: zoomOut;
|
||
|
|
animation-duration: 0.3s;
|
||
|
|
}
|