Home >Web Front-end >CSS Tutorial >css dynamic blur effect_basic tutorial
css dynamic blur effect_basic tutorial
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-05-16 12:08:092333browse
Example effect: Please put the mouse on it to see
Step one: Insert the following script between
and :<script><br>function on(she){<br>girl=she<br>move=setInterval("moving(girl)",50)} </script>
function off(she){
clearInterval(move)
she.filters.blur.strength=2 }
function moving(s){
if (s.filters.blur.strengths.filters.blur.strength =5
else clearInterval(move)}
Step 2: Insert the following script between
and :
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn