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