45 lines
952 B
SCSS
45 lines
952 B
SCSS
.load_box{
|
|
height:40px;
|
|
line-height:40px;
|
|
position:relative;
|
|
text-align:center;
|
|
.load_box_item {
|
|
width:5px;
|
|
height:5px;
|
|
margin:0 1px;
|
|
display:inline-block;
|
|
vertical-align:middle;
|
|
background:#9b59b6;
|
|
animation:load_more_box 1.5s infinite ease-in-out;
|
|
&:nth-child(2) {
|
|
animation-delay:.2s;
|
|
}
|
|
&:nth-child(3) {
|
|
animation-delay:.4s;
|
|
}
|
|
&:nth-child(4) {
|
|
animation-delay:.6s;
|
|
}
|
|
&:nth-child(5) {
|
|
animation-delay:.8s;
|
|
}
|
|
}
|
|
}
|
|
@keyframes load_more_box {
|
|
0% {
|
|
height:5px;
|
|
background:$color_font_two;
|
|
}
|
|
25% {
|
|
height:30px;
|
|
background:$color_main;
|
|
}
|
|
50% {
|
|
height:5px;
|
|
background:$color_font_two;
|
|
}
|
|
100% {
|
|
height:5px;
|
|
background:$color_font_two;
|
|
}
|
|
} |