배경효과1 [CSS] backdrop-filter로 배경에 효과주기 라이브는 물론 재탕, 삼탕으로 예능이나 드라마를 볼 때 즐겨 이용하는 티빙. 그동안은 별생각 없이 이용하고는 했었는데 어느 날 문득 스크롤을 내리다 상단바가 눈에 띄었다. 상단에 고정된 gnb로 자체에 약간의 투명도가 있고, 스크롤을 살살 내려보면 이 밑으로 깔리는 이미지에 블러 처리가 되는 것을 볼 수 있다. filter: blur는 알고 있지만 그건 나 자신에게 블러 처리를 하는 것이기 때문에 속으로 '오!'를 외치며 F12를 눌러 마우스로 이 부분을 콕 집어보니 이른바 backdrop-filter라는 것! filter와 마찬가지로 blur, contrast, grayscale 등등의 효과를 줄 수 있는데 나 자신이 아닌, 말 그대로 backdrop(배경)에 효과를 줄 수 있는 기능이었다. See t.. 2020. 11. 18. 이전 1 다음
