Sebox
Reputation: 9
Linear gradient background repeats
I made this linear-gradient background animation in css for my to-do list, but as I add more items to the list the website is scrollable and the background repeats making it look ugly.
I made some research about it and I saw background-attachment: fixed;, background-repeat: no-repeat; or sum like that but I can't get it to work, can someone help?
This is what it looks like
Upvotes: 0
Views: 51
Answers (1)
cla.cif
Reputation: 1
have you tried background-size: cover; or background-size: auto; ?
Find more here mdn_web_docs
Upvotes: -1
Related Questions
- Stretch and scale a CSS image in the background - with CSS only
- How do I reduce the opacity of an element's background using CSS?
- How do I combine a background-image and CSS3 gradient on the same element?
- CSS3 gradient background set on body doesn't stretch but instead repeats?
- Fixed background attachment on a linear gradient causes lag on scroll
- Fixed gradient background with css
- linear-gradient background from center / middle
- CSS repeat background-image but no-repeat for linear-gradient
- Gradient Background