eselltree

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() [상하 뒤집기]


[출처]http://www.xpressengine.com/htmlCssClass/19689271

상단 배경에 이미지 배경 삽입

/* Top BG */
body { 
           background: #ffffff(배경 색깔)
           url(파일경로)
           left(좌우 위치) 
           top(상하 위치)
           repeat-x;(반복여부)
       }

헤드부분에 삽입.
<link rel="stylesheet" href="경로 및 파일명" type="text/css">