스타일 필터 속성

이미지에 그림자 효과를 설정합니다. 그림자가 아래의 이미지 합성, 모호함이있을 수 있습니다, 특정 색상 다이어그램 마스크를 오프셋 버전을 그릴 수 있습니다. 기능 "삽입"키워드가 허용되지 외에합니다 (CSS3 배경에 정의) <그림자> 값 입력을 받아들입니다. 기존의 상자 그림자 상자 그림자 속성과 기능은 매우 유사하다 것을 제외하고, 필터를 통해, 성능 향상을 위해 일부 브라우저가 하드웨어 가속을 제공한다. <shadow>参数如下：

<오프셋-X> <오프셋, Y> ( 해야)

두 개의 그림자 오프셋 (offset) <길이> 값을 설정합니다. 그림자의 <오프셋-X> 환경 설정 수평 거리가 왼쪽 요소에 나타납니다. <오프셋-y는> 드롭의 수직 거리를 설정하는 그림자 요소 위에 나타납니다. <길이> 가능한 단위를 참조하십시오.
두 값이 모두 0 인 경우 설정하면, 그림자는 (긍정적 인 요소 뒤에 나타납니다   <blur-radius> and/or <spread-radius>， 会有模糊效果 ).

<흐림 반경을> (선택 사항)

이 세 번째 코드> <길이> 값입니다.이 높을수록 값이 더 흐리게 그림자가 더 크고 더 많은 빛이 될 것입니다. 음의 값을 설정할 수 없습니다 경우, 기본값은 0 (그림자 테두리가 선명하다).

<확산 반경> (옵션)

이 확장과 더 큰 그림자 것이다 네 번째 <길이> 값 값, 음의 그림자가 설정되지 않은 경우. 감소 될 것이다, 기본값은 0 (그림자와 요소를 같은 크기)입니다.
참고 : 증가 렌더링하지 않을 경우 웹킷뿐만 아니라 다른 브라우저, 네 번째 길이를 지원하지 않습니다.

<색> (선택 사항)

참조 <컬러> 가능한 키워드와 태그의 값입니다. 설정되어 있지 않은 경우, 색상 값은 브라우저 기반. 도마뱀 (파이어 폭스), 프레스토 (오페라 ) 와 트라이던트 (인터넷 익스플로러)에서이 값 색상의 컬러 속성을 적용합니다. 색상 값이 생략 된 경우뿐만 아니라, 투명 웹킷 음영.

이미지를 그레이 스케일로 변환합니다. 이 변환 비율의 값을 정의한다. 100 %의 값은 그레이 스케일 이미지를 완전히 변하지 화상의 0 ​​%의 값으로 변환된다. 0 %와 100 % 사이의 값, 승수 효과는 선형이다. 설정하지 않으면 기본 값은 0입니다;

화상 색조 회전 출원. "각도"컬러링 각 이미지 설정 값 조정 값이다. 값 0deg, 이미지 변경. 값이 설정되지 않으면, 디폴트 값은 0deg이다. 비록 다른 주변 360deg의 등가 값을 초과하는 어떤 최대 값은 존재하지 않는다.

입력 이미지를 반전. 이 변환 비율의 값을 정의한다. 값의 100 %는 완전히 반대입니다. 0 %의 값이 변경되지 않은 이미지. 0 %와 100 % 사이의 값은 승수 효과는 선형이다. 값이 설정되지 않으면, 디폴트 값은 0이다.

이미지의 투명도 전환도. 이 변환 비율의 값을 정의한다. 0 %는 완전히 투명하며, 100 %, 그대로 화상의 값. 0 %와 100 % 사이의 값, 효과는 시료의 수를 곱한 선형 배율도 이미지와 동등하다. 값이 설정되지 않으면, 디폴트 값은 1이다. 이 기능을 하드웨어 가속을 제공 일부 브라우저의 성능을 개선하기 위해, 필터를 통한 것을 제외하고는 기존의 불투명 특성과 매우 유사하다.

이미지의 채도를 변환합니다. 이 변환 비율의 값을 정의한다. 0 %는 완전 불포화, 화상의 변화가 100 % 이하이다. 다른 값은 승수 효과는 선형이다. 값의 100 %가 허용보다 더, 더 높은 채도있다. 값이 설정되지 않으면, 디폴트 값은 1이다.

세피아 이미지를 변환합니다. 이 변환 비율의 값을 정의한다. 100 %의 값은 전체적으로 어두운 갈색 불변 이미지의 0 %이다. 0 %와 100 % 사이의 값, 승수 효과는 선형이다. 설정하지 않으면 기본 값은 0입니다;

URL 함수는 SVG 필터를 설정하는 XML 파일을 취하고, 특정 필터 요소를 지정하는 앵커를 포함 할 수있다.

예를 들면 :

filter: url(svg-url#element-id)

: 속성, 기본값을 참조로 설정되어 CSS의 초기 키워드