You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.5 KiB
86 lines
1.5 KiB
2 years ago
|
@import '../c/conf';
|
||
|
|
|
||
|
|
@keyframes fade_out {
|
||
|
|
0% {
|
||
|
|
display: block;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
display: block;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fade_out_up {
|
||
|
|
0% {
|
||
|
|
display: block;
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
display: block;
|
||
|
|
transform: translate3d(0, 360rpx, 0);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fade_out_down {
|
||
|
|
0% {
|
||
|
|
display: block;
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
display: block;
|
||
|
|
transform: translate3d(0, -360rpx, 0);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fade_out_right {
|
||
|
|
0% {
|
||
|
|
display: block;
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
display: block;
|
||
|
|
transform: translate3d(360rpx, 0, 0);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes fade_out_left {
|
||
|
|
0% {
|
||
|
|
display: block;
|
||
|
|
transform: translate3d(0);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
display: block;
|
||
|
|
transform: translate3d(-360rpx, 0, 0);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.a-fade-out {
|
||
|
|
animation: fade_out $ad2 ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.a-fade-out-up {
|
||
|
|
animation: fade_out_up $ad2 ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.a-fade-out-right {
|
||
|
|
animation: fade_out_right $ad2 ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.a-fade-out-left {
|
||
|
|
animation: fade_out_left $ad2 ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.a-fade-out-down {
|
||
|
|
animation: fade_out_down $ad2 ease-out;
|
||
|
|
}
|