Make gradient background repeat every 100vh
- Add background-size: 100% 100vh to fix gradient height to viewport - Add background-repeat: repeat-y to tile gradient vertically - Gradient pattern now repeats down the page as content grows - Animation applies consistently to all repeated background tiles - Creates seamless repeating pattern while maintaining hue rotation
This commit is contained in:
parent
4680b9d3e8
commit
71b07c488b
1 changed files with 2 additions and 0 deletions
|
|
@ -23,6 +23,8 @@
|
|||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(135deg, #fdf2f8, #faf5ff, #eef2ff);
|
||||
background-size: 100% 100vh;
|
||||
background-repeat: repeat-y;
|
||||
animation: hue-rotate 60s linear infinite;
|
||||
animation-delay: var(--random-delay, 0s);
|
||||
z-index: -1;
|
||||
|
|
|
|||
Loading…
Reference in a new issue