홈   즐겨찾기   시작페이지로   문의하기
컨설팅 인큐베이팅 파트너쉽 ToTs
IT컨설팅
CI/BI제작
홈페이지제작
솔루션도입
호스팅
유지보수&운영대행
마케팅
모바일웹
ToTs 사례
상담현황
Q&A
서비스 ToTs 사례
전체글 2086 건
[Ajax] xmlhttp를 이용한 동적 셀렉트박스
lytebox ie8 관련
[JavaScript] 팝업 띄울때 줌효과 나타내기
[JavaScript] 이미지 크기에 맞게 팝업창 띄우기
VAN사와 PG사 문의드립니다.
여행사 홈페이지 제작 시 유의사항
여행사 솔루션 추천 바랍니다.
쇼핑몰 블로그에 대해 궁금한 점이 있습니다.
쇼핑몰 창업에 대해 궁금한것이 있습니다.
홈페이지 제작 및 관리.. 어떻게 하는것이 좋을까요?

#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>





회사소개 이메일무단수집거부 ToTs사례 찾아오시는 길