[css] 윤곽 필터

22 Dec 2023

사용법:

.element {
  filter: blur(5px); /* 흐림 반경 설정 */
}

예를 들어, 다음과 같이 사용할 수 있습니다.

.box {
  width: 200px;
  height: 200px;
  background-color: #f2f2f2;
  filter: blur(5px);
}

위 예시에서 blur(5px)는 흐림 반경을 나타냅니다. 요소를 더욱 뚜렷하게 표현하거나 시각적인 효과를 부여하려는 경우 윤곽 필터를 사용할 수 있습니다.

윤곽 필터에 대한 더 자세한 정보는 MDN web docs를 참고할 수 있습니다.