Filter1 css filter 속성으로 이미지 블러처리 구현하기 오늘은 css filter 속성을 사용해 배경 블러처리 구현하는 방법에 대해 정리해보겠습니다. .container { display: flex; } .box { width: 100px; height: 100px; background: no-repeat url("./img_1.png") 0 / cover; } .box + .box { margin-left: 20px; } 해당 경로에 이미지는 아무 이미지나 넣어주면 됩니다. 그런 상태로 실행시키면 아래처럼 노출되는데요. filter 속성 블러처리는 시각적인 효과를 주기 위해서 많이 사용하고 있지만 브라우저 지원 범위가 좁아서 많이 사용하지는 못하는데요. 이 글에서는 filter 속성을 사용해서 블러처리를 구현해보려고 합니다. .container { disp.. 2020. 11. 18. 이전 1 다음