CSS 필터 모음

모션필터

<style>
#mb{
filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=30,Direction=90)
}
</style>

알파필터

<style>
#af{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30)
}
</style>

쉐도우필터

<style>
#sf{
filter:progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=135, Strength=5)
}
</style>

페이드인 / 페이드 아웃 필터

<img src="/images/photoshop/020116p_01.jpg" id="objImg">

<input type="button" onclick=fadeOut(objDiv) value="페이드-아웃">
<input type="button" onclick=fadeIn(objDiv) value="페이드-인">

<SCRIPT>
<!--
function fadeOut(obj) {
    obj.style.filter="blendTrans(duration=2)";
    // 필터가 작동하고 있지 않음을 확인
    if ((obj.visibility != "hidden") && (obj.filters.blendTrans.status != 2)) {
        obj.filters.blendTrans.Apply();
        obj.style.visibility="hidden";
        obj.filters.blendTrans.Play();
    }
}
function fadeIn(obj) {
    obj.style.filter="blendTrans(duration=2)";
    // 필터가 작동하고 있지 않음을 확인
    if ((obj.visibility != "visible") && (obj.filters.blendTrans.status != 2)) {
        obj.filters.blendTrans.Apply();
        obj.style.visibility="visible";
        obj.filters.blendTrans.Play();
    }
}
-->
</SCRIPT>