40 lines
640 B
SCSS
40 lines
640 B
SCSS
//Loading
|
|
@include keyframes(loading) {
|
|
0% {
|
|
@include filter(blur(5px));
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
@include filter(blur(0));
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@include keyframes(formSlide) {
|
|
0% {
|
|
@include filter(blur(5px));
|
|
@include transform(translateY(10rem));
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
@include filter(blur(0));
|
|
}
|
|
100% {
|
|
@include transform(translateY(0));
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
//Bar loading
|
|
@include keyframes(loadBar) {
|
|
0% {
|
|
@include flex(1);
|
|
}
|
|
10% {
|
|
@include flex(10);
|
|
}
|
|
20% {
|
|
@include flex(1);
|
|
}
|
|
}
|