2020-03-14 16:17:04 +08:00
|
|
|
.animated {
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
animation-duration: 1s;
|
2020-03-20 17:43:45 +08:00
|
|
|
animation-name fade-in-down
|
2020-03-14 16:17:04 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.animated.hinge {
|
|
|
|
|
animation-duration: 1s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes fade-in-down {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transform: translateY(-20px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
