웹마스터 팁
[Css]필터 관련 스타일시트 속성
2011.04.13 02:55
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 외에는 적용되지 않습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
[Siren]투명 이미지 [14] | 세이렌 | 2002.08.04 |
[HTML 초보자] 태그(Tag)의 역사 [6] | ZipShin | 2002.08.03 |
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] | 세이렌 | 2002.08.01 |
iframe을 이용하여 target효과 주기. [8] | ZipShin | 2002.08.01 |
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
[Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
이미지에 border="0"값 않넣고 하는방법 [14] | ZipShin | 2002.07.30 |
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] | 김승진 | 2002.07.30 |
xmp 태그를 아시나요 [9] | 세벌사랑 | 2002.07.30 |
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함) [5] | ▩윤미 | 2002.07.14 |
Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] | 문사라 | 2002.07.11 |
전광판? 나도 한 번 해볼까 ^^v [4] | Xynex:) | 2002.07.03 |
[사이트제작팁]팁의 보물창고~ [7] | webdio *^-^* | 2002.07.03 |
>> 밑줄과 글씨의 색을 다르게 [예제포함] [3] | 아미v | 2002.06.29 |
[Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |
음.. 이건 언제 적었던 걸까나;