CSS 필터 참조_CSS/HTML

구문: STYLE="filter:filtername(fparameter1, fparameter2...)"
　(Filtername은 필터 이름, fparameter1, fparameter2 등은 필터 매개변수)
스크립트 구문 : HTMLElement.filters .filterName.fParameter=값

필터 설명:

Alpha : 투명도 설정
Blur : 고속 이동 효과, 즉 블러 효과를 만듭니다.
Chroma : 특수한 색상을 투명하게 만듭니다.
DropShadow : 객체의 고정된 그림자를 만듭니다.
FlipH: 수평 거울 이미지 생성
FlipV: 수직 거울 이미지 생성
Glow: 주변 물체 외부에 빛 추가
Gray: 이미지 그레이스케일
Invert: 색상 반전
Light : 물체에 광원을 생성
Mask : 물체에 투명한 마스크를 생성
Shadow : 고정된 오프셋 그림자 생성
Wave : 파급효과
Xray : 물체를 보이게 만들기 엑스레이로 조명됩니다

　1. 필터: 알파
구문: STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"
설명:
불투명도: 시작 값(0~100 범위), 0은 투명, 100은 원본 이미지입니다.
FinishOpacity: 목표값.
스타일: 1 또는 2 또는 3
StartX: 모든 값
StartY: 모든 값
예: filter:Alpha(Opacity="0",FinishOpacity="75",Style="2" )

2. 필터: 흐림
구문: STYLE="filter:Blur(추가 = 추가, 방향 = 방향, 강도 = 강도)"
설명:
추가: 일반적으로 1 또는 0 .
방향: 각도, 0~315도, 단계 크기는 45도입니다.
강도: 효과 증가 값, 일반적으로 5.
예: filter:Blur(Add="1",Direction="45",Strength="5")

3. 필터: Chroma
구문: STYLE="filter:Chroma(Color = color)"
설명: 색상: #rrggbb 형식, 모든.
예: 필터:Chroma(Color="#FFFFFF")

4. 필터: DropShadow
구문: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=긍정)"
설명: 색상: #rrggbb 형식, 모든 .
Offx: X축 편차 값입니다.
Offy: Y축 편차 값입니다.
양수: 1 또는 0.
예: filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

5. 필터: FlipH
구문: STYLE="filter:FlipH"
예: filter:FlipH

6. 필터: FlipV
구문: STYLE="filter:FlipV"
예: filter:FlipV

7. 필터: 글로우
구문: STYLE="filter:Glow(Color=color, Strength=strength)"
설명:
색상: 글로우 색상.
강도: 강도(0-100)
예: filter:Glow(Color="#6699CC",Strength="5")

8. 필터: 회색
구문: STYLE="filter:Gray"
예: 필터:Gray

9. 필터: invert
구문: STYLE="filter:Invert"
예: filter:Invert

10. 필터: 마스크
구문: STYLE="filter:Mask(Color=color)"
예: filter:Mask (Color="#FFFFE0")

11. 필터: 그림자
구문: 필터:Shadow(색상=색상, 방향=방향)
설명:
색상: #rrggbb 형식.
방향: 각도, 0~315도, 단계 크기는 45도입니다.
예: filter:Shadow (Color="#6699CC", Direction="135")

12. 필터: 파동
구문: 필터: Wave(Add=add, Freq=freq, LightStrength=strength, Phase=phase, Strength=strength)
설명:
추가: 일반적으로 1, 또는 0.
Freq: 변형 값.
LightStrength: 변형 비율.
위상: 각도 변형의 백분율입니다.
강도: 변형강도.
예: 필터: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

13. 필터: Xray
구문: STYLE="filter:Xray"
예: 필터:Xray