mirror of
https://github.com/greflm13/StaticGalleryBuilder.git
synced 2026-02-05 02:59:27 +00:00
added loader to imagelist
This commit is contained in:
@@ -96,6 +96,36 @@
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
position: relative;
|
||||
color: var(--color1);
|
||||
box-sizing: border-box;
|
||||
animation: animloader 1s linear infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes animloader {
|
||||
0% {
|
||||
box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
33% {
|
||||
box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
|
||||
}
|
||||
|
||||
66% {
|
||||
box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor3);
|
||||
|
||||
Reference in New Issue
Block a user