권장 CSS 필터 공통 필터 속성 및 설명_기본 튜토리얼

CSS 필터에 일반적으로 사용되는 필터 속성 및 명령문의 종합 목록

구문: STYLE="filter:filtername(fparameter1, fparameter2...)"
　(Filtername은 필터 이름, fparameter1, fparameter2입니다. 등은 필터입니다. 거울의 매개 변수)

필터 설명:

알파: 투명도 수준을 설정합니다.
흐림: 고속 이동 효과, 즉 흐림 효과를 만듭니다.
Chroma: 특수 색상 투명도 만들기
DropShadow: 개체의 고정 그림자 만들기
FlipH: 가로 거울 이미지 만들기
FlipV: 세로 거울 이미지 만들기
Glow: 빛 추가 가까운 물체의 외부
회색: 이미지의 회색조
반전: 색상 반전
빛: 물체에 광원 만들기
마스크: 물체에 투명한 마스크 만들기
그림자: 만들기 오프셋 고정 그림자
파동: 파급 효과
Xray: 개체가 StartY = startY, FinishX = 종료에 의해 조명을 받는 것처럼 보이게 만듭니다.
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 ( 색상 = 색상)"
설명: 색상: #rrggbb 형식, 모두.
예: filter:Chroma(Color="#FFFFFF")

4. 필터: DropShadow
구문: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY= offY , 양수=양수)"
　 설명: 색상: #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"
예: filter:Gray

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

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

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

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

13. 필터: Xray
문법: STYLE="filter:Xray"
예: 필터: =0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA')