스타일 필터 속성

이미지에 흐림 효과를 적용합니다. 큰 값은 더 많은 흐림을 생성합니다.

지정하지 않으면 0을 사용합니다.

이미지의 밝기를 조정합니다.

0%는 이미지가 완전히 검은색으로 변할 것입니다.

100% (1) 은 기본 값으로 원본 이미지를 나타냅니다.

100% 이상의 값은 더 밝은 결과를 제공합니다.

이미지의 대비를 조정합니다.

0%는 이미지가 완전히 검은색으로 변할 것입니다.

100% (1) 은 기본 값으로 원본 이미지를 나타냅니다.

100% 이상의 값은 낮은 대비 결과를 제공합니다.

이미지에 그림자 효과를 적용합니다.

가능한 값:

h-shadow - 필수. 세로 그림자의 픽셀 값을 지정합니다. 음수 값은 그림자를 이미지 왼쪽에 배치합니다.

v-shadow - 필수. 가로 그림자의 픽셀 값을 지정합니다. 음수 값은 그림자를 이미지 위에 배치합니다.

blur - 선택 사항. 세 번째 값은 픽셀 단위로 지정해야 합니다. 그림자에 흐림 효과를 추가합니다. 큰 값은 더 많은 흐림을 생성하며(그림자가 더 크고 밝아집니다), 음수 값을 사용하지 않습니다. 값이 지정되지 않으면 0(그림자의 경계는 날카로워집니다)으로 설정됩니다.

spread - 선택 사항. 네 번째 값은 픽셀 단위로 지정해야 합니다. 양수는 그림자를 확장하고 크게 만들고, 음수는 그림자를 축소하고 작게 만듭니다. 지정하지 않으면 0(그림자는 요소 크기와 같습니다)으로 설정됩니다.

注释：Chrome, Safari, Opera와 같은 브라우저는 4번째 길이를 지원하지 않습니다. 추가하면 표시되지 않습니다.

color：선택 사항. 그림자에 색상을 추가합니다. 지정하지 않으면 색상은 브라우저에 따라 다릅니다(일반적으로 검은색).

휴대폰이 filter는 box-shadow 속성과 유사합니다.

이미지를 회색으로 변환합니다.

0% (0) 은 기본 값으로 원본 이미지를 나타냅니다.

100%는 이미지가 완전히 회색으로 변할 것입니다(검은색 이미지에 사용).

注释：부정적인 값을 허용하지 않습니다.

이미지에 톤 회전을 적용합니다. 이 값은 이미지 샘플이 조정될 것인 색环의 도수를 정의합니다.

0deg는 기본 값으로 원본 이미지를 나타냅니다.

注释：최대 값은 360도입니다.

이미지 내의 샘플을 반전합니다.

0% (0) 은 기본 값으로 원본 이미지를 나타냅니다.

100%는 이미지가 완전히 반전됩니다.

注释：부정적인 값을 허용하지 않습니다.

이미지의 불투명도 수준을 설정합니다. 불투명도 수준은 투명도 수준을 설명하며, 예를 들어:

0%는 완전히 투명합니다.

100% (1) 은 기본 값으로 원본 이미지(투명도 없음)을 나타냅니다.

注释：부정적인 값을 허용하지 않습니다.

휴대폰이 filter는 opacity 속성과 유사합니다.

이미지의 채도를 조정합니다.

0% (0) 은 이미지가 완전히 불饱和하도록 합니다.

100% 은 기본 값으로 원본 이미지를 나타냅니다.

100% 이상의 값은 과도한 과잉 결과를 제공합니다.

注释：부정적인 값을 허용하지 않습니다.

이미지를 갈색으로 변환합니다.

0% (0) 은 기본 값으로 원본 이미지를 나타냅니다.

100% 은 이미지가 완전히 갈색으로 변할 것입니다.

注释：부정적인 값을 허용하지 않습니다.