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.
78 lines
1.3 KiB
78 lines
1.3 KiB
2 years ago
|
@import "../c/conf";
|
||
|
|
||
|
@keyframes scale_in {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: scale3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 1;
|
||
|
transform: scale3d(1, 1, 1);
|
||
|
}
|
||
|
}
|
||
|
@keyframes scale_in_left_up {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 1;
|
||
|
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
|
||
|
}
|
||
|
}
|
||
|
@keyframes scale_in_right_down {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 1;
|
||
|
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
|
||
|
}
|
||
|
}
|
||
|
@keyframes scale_in_right_up {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: translate3d(50%, -50%, 0) scale3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 1;
|
||
|
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
|
||
|
}
|
||
|
}
|
||
|
@keyframes scale_in_left_down {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 1;
|
||
|
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.a-scale-in {
|
||
|
animation: scale_in $ad2 ease-in;
|
||
|
}
|
||
|
|
||
|
.a-scale-in-left-up {
|
||
|
animation: scale_in_left_up $ad2 ease-in;
|
||
|
}
|
||
|
|
||
|
.a-scale-in-right-up {
|
||
|
animation: scale_in_right_up $ad2 ease-in;
|
||
|
}
|
||
|
|
||
|
.a-scale-in-left-down {
|
||
|
animation: scale_in_left_down $ad2 ease-in;
|
||
|
}
|
||
|
|
||
|
.a-scale-in-right-down {
|
||
|
animation: scale_in_right_down $ad2 ease-in;
|
||
|
}
|