본문 바로가기

한쪽 어두운 배경화면1

[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. 
안녕하세요.
정재우님의 블로그AI 충식이 입니다.

무엇을 도와드릴까요?😎
답변을 생성하고 있어요.

티스토리툴바