• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
CSS

alpha filter에 사용되는 용어들

오작교 24144

0
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다.
style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다.

* Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과.

사용법 : alpha filter를사용할 대상에 아래와 같이 STYLE로 정의해주면 됩니다.
STYLE="filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=수치, FinishOpacity=수치, Style=1, StartX=수치, FinishX=수치, StartY=수치, FinishY=수치)"

용어 설 명
Opacity 시작점의 불투명도 0~100 까지의 수치를 사용.
FinishOpacity 끝점의 불투명도 0~100 까지의 수치를 사용.
StartX 가로축 시작점의 불투명도 0~100 까지의 수치를 사용.
FinishX 가로축 끝점의 불투명도 0~100 까지의 수치를 사용.
StartY 세로축 시작점의 불투명도 0~100 까지의 수치를 사용.
FinishY 세로축 끝점의 불투명도 0~100 까지의 수치를 사용.
filter:progid:DXImageTransform.Microsoft.Alpha는 익스 5.0 이후 버전 부터는 Alpha filter적용시 마이크로 소프트사에서 이렇게 사용하라는 권고안 입니다


위의 표에서 보신바와 같이 x축과 y축의 투명도를 사용자 임의로 설정을 할수 있습니다.
이것을 이용하여 다양한 효과를 낼수 있어요.
공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 201801
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291205 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 350184 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294812 +14
74 CSS
normal
오작교 21.01.09.14:18 40874 0
73 CSS
normal
오작교 11.06.03.10:29 70789 0
72 CSS
normal
오작교 11.01.24.10:40 35517 0
71 CSS
normal
오작교 11.01.24.10:31 37873 0
70 CSS
normal
오작교 11.01.24.10:27 36349 0
69 CSS
normal
오작교 10.05.25.23:30 38583 0
68 CSS
normal
오작교 10.05.25.23:27 36857 0
67 CSS
normal
오작교 10.05.25.23:24 37386 0
66 CSS
normal
오작교 10.05.25.22:18 34055 0
65 CSS
normal
오작교 10.05.25.22:13 36334 0
64 CSS
file
오작교 10.03.23.08:22 73741 0
63 CSS
normal
오작교 09.07.07.17:22 33387 0
62 CSS
normal
오작교 09.07.07.17:18 27122 0
61 CSS
normal
오작교 09.07.07.17:12 27751 0
60 CSS
normal
오작교 09.07.07.17:07 32436 0
59 CSS
normal
오작교 09.07.07.17:04 27934 0
58 CSS
normal
오작교 09.07.07.17:01 36743 0
57 CSS
normal
오작교 09.07.07.16:57 26770 0
56 CSS
normal
오작교 09.07.07.16:43 28850 0
55 CSS
normal
오작교 09.07.07.16:40 28391 0