29 lines
1.0 KiB
CSS
29 lines
1.0 KiB
CSS
.spinner {
|
|
font-size: 100px; /* Adjust size as needed */
|
|
animation: spin 2s linear infinite; /* Spin animation */
|
|
position: fixed; /* Keep the snowflake in a fixed position */
|
|
top: 50%; /* Adjust vertical position */
|
|
left: 50%; /* Center horizontally */
|
|
transform: translateX(-50%); /* Center the snowflake */
|
|
z-index: 10000; /* Ensure it's above the full-screen loading */
|
|
}
|
|
|
|
/* Keyframes for spinning */
|
|
@keyframes spin {
|
|
0% { transform: translateX(-50%) rotate(0deg); }
|
|
100% { transform: translateX(-50%) rotate(360deg); }
|
|
}
|
|
|
|
|
|
.full-screen {
|
|
display: flex; /* Use flexbox for centering */
|
|
align-items: center; /* Center vertically */
|
|
justify-content: center; /* Center horizontally */
|
|
height: 100vh; /* Full viewport height */
|
|
width: 100vw; /* Full viewport width */
|
|
background-color: rgba(4, 0, 0); /* Semi-transparent background */
|
|
position: fixed; /* Fix it in the viewport */
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 9999; /* Ensure it's above other content */
|
|
} |