[css] 명암(컨트라스트) 조절 필터
명암(컨트라스트) 조절 필터 사용하기
CSS를 사용하여 명암(컨트라스트) 조절 필터를 적용할 수 있습니다. 아래는 간단한 예제 코드입니다.
/* 텍스트에 명암(컨트라스트) 조절 필터 적용 */
.text {
filter: contrast(150%);
}
/* 이미지에 명암(컨트라스트) 조절 필터 적용 */
.image {
filter: contrast(120%);
}
위의 예제에서 contrast() 함수는 콘텐츠의 명암(컨트라스트)를 조절하는 데 사용됩니다. 숫자 값은 백분율로서, 100%가 기본값입니다. 높은 숫자는 더 높은 명암을 나타내며, 100% 이상으로 설정할 수도 있습니다.
결론
명암(컨트라스트) 조절 필터를 사용하여 콘텐츠의 가시성을 향상시키고 사용자의 시각적 경험을 개선할 수 있습니다. 웹 접근성을 고려할 때, 명암(컨트라스트) 조절 필터는 중요한 도구로 활용될 수 있습니다.
참고 자료:
```