CSS 필터는 웹 페이지의 요소들에 시각적 효과를 적용하거나 이미지를 조작하는 강력한 기능을 제공합니다. 가시성 필터는 요소의 가시성을 변경하거나 조절할 수 있는데, 주로 사용되는 몇 가지 필터를 소개하겠습니다.

1. 투명도 (opacity)

투명도 필터는 opacity를 사용하여 요소의 투명도를 조절할 수 있습니다. 아래는 간단한 예제 코드입니다.

   .element {
     opacity: 0.5;
   }

2. 흐림 (blur)

요소를 흐리게 만들 때 사용하는 필터입니다. 아래는 흐림 필터의 예제 코드입니다.

   .element {
     filter: blur(5px);
   }

3. 대비 (contrast)

이미지의 대비를 높이거나 낮출 때 사용하는 필터입니다. 아래는 대비 필터의 예제 코드입니다.

   .element {
     filter: contrast(200%);
   }

4. 채도 (saturate)

이미지의 채도를 조절할 때 사용하는 필터입니다. 아래는 채도 필터의 예제 코드입니다.

   .element {
     filter: saturate(150%);
   }

이 외에도 CSS 가시성 필터에는 다양한 속성들이 있으며, 이러한 필터들을 조합하여 다양한 시각적 효과를 만들어낼 수 있습니다.

더 많은 정보를 원하신다면, MDN 웹 문서의 CSS 필터를 참고해보세요.