18 lines
436 B
SCSS
18 lines
436 B
SCSS
@mixin loading-border-top {
|
|
&::before {
|
|
display: block;
|
|
width: 100%;
|
|
height: 1px;
|
|
content: '';
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 40%, #68d7fb 60%, rgba(255, 255, 255, 0.2));
|
|
background-size: 200% 200%;
|
|
animation: kitt 2.5s linear infinite;
|
|
}
|
|
}
|
|
|
|
@keyframes kitt {
|
|
0%{ background-position: 0% 0%}
|
|
50%{ background-position: 100% 0%}
|
|
100%{ background-position: 0% 0%}
|
|
}
|