fixed preload icon

This commit is contained in:
DJ2LS 2023-10-08 10:37:14 +02:00
parent 9fc3eca63b
commit b35f8811ae

View file

@ -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 */
} }
} }