Preloader Example
/* Стили для контейнера прелоадера */
.preloader-container {
position: fixed; /* Фиксируем на весь экран */
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #212124; /* Твой заданный темный фон */
display: flex; /* Используем флексбокс для центрирования */
justify-content: center; /* Центрируем по горизонтали */
align-items: center; /* Центрируем по вертикали */
z-index: 9999; /* Убеждаемся, что он поверх всего остального контента */
}
/* Адаптивность для самого SVG, чтобы не вылезал на мобильных */
.preloader-svg {
max-width: 90%; /* Оставляем небольшие отступы по краям на узких экранах */
height: auto; /* Сохраняем пропорции */
}
Сайт загружается...
Этот текст будет под прелоадером, пока тот не скроется (через JS).