선배님들 혹시 이렇게 양쪽 끝을 흐리게 하는 css는 어떻게 해야할까요??

Question

첨부한 스샷처럼 양쪽 끝이 하얗게 흐렸으면 좋겠는데 이런 css를 뭐라고 검색을 해야하는지.. 도통 검색해도 안나오길래어떤 방식으로 해야하는지 궁금합니다..!

EmDev · Accepted Answer

//오른쪽 background-image: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255) 100%); //왼쪽 background-image: linear-gradient(90deg, rgb(255, 255, 255) 0%, transparent 100%);이런식으로 하면 대충 비슷하게 나올 것 같긴하네요 ㅎㅎ

잘프잘프 · Answer

해보진 않았는데 흰색 박스 양쪽 끝으로 absolute 주고 Linear조정해서 만든거 아닐까요?

퀘이사123 · Answer

background 에 linear-gradient 속성 잘 조절하면 될 거 같은데요?

코딩찡찡이 · Answer

after에 linear-gradient 주고, rgba에서 알파값 조정하면 되지 않을까요

선배님들 혹시 이렇게 양쪽 끝을 흐리게 하는 css는 어떻게 해야할까요??

4개의 답변

Q&A 목록