[HTML, CSS] 배경화면 한쪽만 흐리게 만들기 linear-gradient
배경화면 한쪽 흐리게 만들기 CSS의 linear-gradient 속성을 활용해서 배경의 한쪽은 밝고 반대쪽으로 갈수록 어두워지는 효과를 구현해 보겠습니다. 배경은 body에 적용해 보겠습니다. body { margin: 0; width: 100vw; height: 100vh; background: linear-gradient( to right, rgba(20, 20, 20, 0) 10%, rgba(20, 20, 20, 0.25) 25%, rgba(20, 20, 20, 0.5) 50%, rgba(20, 20, 20, 0.75) 75%, rgba(20, 20, 20, 1) 100% ), url(https://source.unsplash.com/random); background-size: cover; } ..
2019. 7. 30.
