BasicImage Filter


Home > Document > Web design > CSS > Filter > Static > BasicImage

BasicImage Filter

BasicImage Filter 는 한 마디로 말하면 4.0 Down Level Filter 중에서 Gray(), Invert(), FlipH(), FlipV(), Xray(), Alpha(Opacity) 를 하나로 모아 놓은 filter 라고 할 수 있습니다. 이 6 가지 Down Level Filter 가 BasicImage 에서는 각각의 property 가 된거죠. 이 여섯 가지를 비교해 보면 아래의 표와 같습니다.

IE4.0 Filterd와 5.5 BasicImage Filter의 비교표
IE4.0 IE5.5
Alpha(Opacity) DXImageTransform.Microsoft.BasicImage(Opacity)
FlipH DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)
FlipV DXImageTransform.Microsoft.BasicImage(mirror=1)
Gray DXImageTransform.Microsoft.BasicImage(grayscale=1)
Invert DXImageTransform.Microsoft.BasicImage(invert=1)
Xray DXImageTransform.Microsoft.BasicImage(xray=1)


아래의 표를 보면 알 수 있듯이 4.0 Down level filter 6개가 BasicImage 의 proeprty가 되었기 때문에 동시에 여러가지를 사용할 수 있습니다. 예를 들어 image에 grayscale과 opacity를 동시에 준다든지 해서 말이죠. 물론 filter라는게 하나의 물체에 하나의 filter 만이 아니라 동시에 여러개의 filter를 쓸 수 있습니다만, 아무래도 이 6 가지만큼은 BasicImage 로 간단하게 처리된다는 거죠.

BasicImage filter
Property 설 명
GrayScale Image를 gray tone 으로 처리. 사용값 0 또는 1.
Invert Image를 필름처럼 반대색으로 처리. 사용값 0 또는 1.
Mirror 수직선을 대칭축으로 Image를 뒤집는다. 사용값 0 또는 1.
Opacity Image의 투명도 지정. 사용값 0(불투명) ~ 1(투명) 사이의 부동 소수.
Rotation Image를 회전 시킨다. 0 : 0도, 1 : 90도, 2 : 180도, 3 : 270도.
XRay X-Ray film 효과. 사용값 0 또는 1.
html syntax <ELEMENT STYLE =
"filter:progid:DXImageTransform.Microsoft.BasicImage(sProperties)">
scripting object.style. filter =
"progid:DXImageTransform.Microsoft.BasicImage(sProperties)"
적용 대상 Block level elements.
Note 위의 사용값 중 굵은 글씨가 Default.




BasicImage 예제


BasicImage Filter

arctic_tern (12K)




CSS 입력
 





이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색