이야기
[Css]필터 관련 스타일시트 속성

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 외에는 적용되지 않습니다.

이 게시물을

에디터 선택

※ 주의 : 페이지가 새로고침됩니다

이 댓글을 삭제하시겠습니까?

SEARCH