У меня есть CSS фоновый градиент, который, когда высота страницы заполняет окно браузера, кажется, снова повторяется. Я пробовал обычные варианты «без повтора», «обложка» и «содержать» без особого удовольствия.
Как мне сделать так, чтобы фоновая обложка всегда заполняла экран, независимо от того, длинный у меня или короткий страница?
{
background-image: radial-gradient(circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient(circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient(circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient(circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(135deg, rgb(37, 56, 222), rgb(96, 189, 244));
}
Вот это действие на короткой странице, прокрутка не требуется, а более длинная страница требует прокрутки
https://boring-saha-ba54d1.netlify.app/
https://pedantic-ritchie-faf62a.netlify.app/