1. Alpha
- 투명도 만들기
사용 방법
filter:alpha(속성)
속성 내용
Opacity : 투명도 / 0이 투명 100이 불투명.
Finishopacity : 끝부분의 투명도 / 0이 투명 100이 불투명.
Style : 투명도의 모양
- 0 : 전체 / 기본값
- 1 : 직선
- 2 : 타원
- 3 : 사각형
StartX, StartY : 적용범위 시작부분의 X축과 Y축의 좌표값
FinishX, FinishY : 적용범위 끝나는부분의 X축과 Y축의 좌표값
2. Gray
- 흑백 만들기
사용 방법
filter:gray()
속성 없음
3. Invert
- 색 반전 만들기
사용 방법
filter:invert()
속성 없음
4. Xray
- Xray 만들기( X-ray사진처럼 됨)
사용 방법
filter:xray()
속성 없음
5. Wave
- 물결 넣기
사용 방법
filter:wave(속성)
add : 그림의 합쳐짐 여부
- 0 : 그림과 합쳐지지 않음
- 1 : 그림과 합쳐짐
freq : 물결(파동)의 개수
lightstrength : 빛의 세기 (0~100)
phase : 물결(파동)의 시작 위치 (0~100)
strength : 물결(파동)의 세기 (0~100)
6. Chrom
- 색상 없애기
사용 방법
filter:chroma(속성)
속성
color : 색상 [여기에 들어간 색상을 이미지에서 찾아 제거합니다.(투명색으로 변함)]
7. Blur
- 흐림 효과 넣기
사용 방법
filter:blur(속성)
add : 그림의 합쳐짐 여부
- 0 : 그림과 합쳐지지 않음
- 1 : 그림과 합쳐짐
direction : 방향을 설정합니다. (숫자로 설정)
strength : 흐려지는 범위 (숫자로 설정)
8. Filp
- 사진 뒤집기
사용 방법
filter:filph() [좌우 뒤집기]
filter:filpv() [상하 뒤집기]
필터 관련 스타일 시트 속성입니다.
IE 외에는 적용되지 않습니다.