>웹 프론트엔드 >CSS 튜토리얼 >CSS 동적 흐림 효과_기본 튜토리얼

CSS 동적 흐림 효과_기본 튜토리얼

WBOY
WBOY원래의
2016-05-16 12:08:092279검색
효과 예시: 마우스를 올려서 확인해보세요

CSS 동적 흐림 효과_기본 튜토리얼

1단계: 와 사이에 다음 스크립트를 삽입합니다.

<script><br>function on(she){<br>girl=she<br>move=setInterval("moving(girl)",50)} </p> <p>기능 끄기(she){ <br>clearInterval(이동) <br>she.filters.blur.strength=2 }</p> <p>함수 이동{<br>if (s.filters.blur.strength<110)<BR>s.filters.blur.strength =5<BR>elseclearInterval(move)}</P> <P></script>

2단계: 와 사이에 다음 스크립트를 삽입합니다.

style="position:absolute;top:70;left:390;filter:blur(add=1,direction=80,strength=2)"

onMouseOver="on(this)" onMouseOut="off(this)" width="337" height="87" border="0">

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.