mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
fixed preload icon
This commit is contained in:
parent
9fc3eca63b
commit
b35f8811ae
1 changed files with 5 additions and 5 deletions
|
@ -37,24 +37,24 @@ function useLoading() {
|
||||||
@keyframes square-spin {
|
@keyframes square-spin {
|
||||||
0% {
|
0% {
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
background-image: url('/icon_cube_border.png'); /* Replace with the URL of your image */
|
background-image: url('icon_cube_border.png'); /* Replace with the URL of your image */
|
||||||
background-size: cover; /* Scale the image to cover the entire container */
|
background-size: cover; /* Scale the image to cover the entire container */
|
||||||
}
|
}
|
||||||
25% { transform: perspective(100px) rotateX(180deg) rotateY(0);
|
25% { transform: perspective(100px) rotateX(180deg) rotateY(0);
|
||||||
background-image: url('/icon_cube_border.png'); /* Replace with the URL of your image */
|
background-image: url('icon_cube_border.png'); /* Replace with the URL of your image */
|
||||||
background-size: cover; /* Scale the image to cover the entire container */
|
background-size: cover; /* Scale the image to cover the entire container */
|
||||||
}
|
}
|
||||||
|
|
||||||
50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg);
|
50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||||
background-image: url('/icon_cube_border.png'); /* Replace with the URL of your image */
|
background-image: url('icon_cube_border.png'); /* Replace with the URL of your image */
|
||||||
background-size: cover; /* Scale the image to cover the entire container */
|
background-size: cover; /* Scale the image to cover the entire container */
|
||||||
}
|
}
|
||||||
75% { transform: perspective(100px) rotateX(0) rotateY(180deg);
|
75% { transform: perspective(100px) rotateX(0) rotateY(180deg);
|
||||||
background-image: url('/icon_cube_border.png'); /* Replace with the URL of your image */
|
background-image: url('icon_cube_border.png'); /* Replace with the URL of your image */
|
||||||
background-size: cover; /* Scale the image to cover the entire container */
|
background-size: cover; /* Scale the image to cover the entire container */
|
||||||
}
|
}
|
||||||
100% { transform: perspective(100px) rotateX(0) rotateY(0);
|
100% { transform: perspective(100px) rotateX(0) rotateY(0);
|
||||||
background-image: url('/icon_cube_border.png'); /* Replace with the URL of your image */
|
background-image: url('icon_cube_border.png'); /* Replace with the URL of your image */
|
||||||
background-size: cover; /* Scale the image to cover the entire container */
|
background-size: cover; /* Scale the image to cover the entire container */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue