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

alpha filter에 사용되는 용어들

오작교 24087

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
검색어 : 202202
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 290028 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349059 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 293663 +14
300
normal
오작교 23.12.10.09:32 14434 0
299 Script
normal
오작교 23.12.10.09:29 19714 0
298 CSS
normal
오작교 21.01.09.14:18 40658 0
297 HTML
normal
오작교 15.09.17.08:58 116262 0
296 HTML
normal
오작교 15.09.13.21:38 21529 0
295 HTML
normal
오작교 15.09.13.21:30 25108 0
294 HTML
normal
오작교 15.08.30.12:19 52724 0
293 Script
normal
오작교 15.05.12.14:06 21101 0
292 HTML
file
오작교 12.03.08.13:51 35870 0
291 HTML
normal
오작교 11.06.03.10:44 40692 0
290 CSS
normal
오작교 11.06.03.10:29 70593 0
289 Script
normal
오작교 11.03.22.11:19 43403 0
288 Script
normal
오작교 11.03.22.11:15 38161 0
287 Script
normal
오작교 11.03.22.11:07 37055 0
286 HTML
normal
오작교 11.01.25.10:27 36150 0
285 CSS
normal
오작교 11.01.24.10:40 35319 0
284 HTML
normal
오작교 11.01.24.10:39 37033 0
283 Script
normal
오작교 11.01.24.10:34 38054 0
282 CSS
normal
오작교 11.01.24.10:31 37678 0
281 CSS
normal
오작교 11.01.24.10:27 36153 0