본문 바로가기

퍼블리싱/HTML | CSS | Javascript

background linear gradient 사용시 border-bottom에 하얀색 라인이 생길때

선형 그라데이션 배경 끝에 CSS 그림자 흰색 선이 생기는 경우 간단한 해결방법.

 

position fixed + background가 linear gradient가 들어간 header의 끝에 자꾸 하얀색 선이 생겨서 짱 스트레스 받았는데

아주아주아주 간단한 해결방법을 찾음.

 

border-bottom : 1px solid rgba(255,255,255,0);

 

이렇게 투명한 보더 바텀을 주면 끝!

 

https://www.edureka.co/community/179616/css-shadow-white-line-at-the-end-linear-gradient-background

728x90