• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    css动态模糊效果
    实例效果:请把鼠标放上去看看

     

     

     

     

    第一步:把下面的脚本插入head>与/head>之间:

    script>
    function on(she){
    girl=she
    move=setInterval("moving(girl)",50)}

    function off(she){
    clearInterval(move)
    she.filters.blur.strength=2 }

    function moving(s){
    if (s.filters.blur.strength110)
    s.filters.blur.strength+=5
    else clearInterval(move)}

    /script>

    第二步:把下面的脚本插入body>与/body>之间:

    p>a href="../index.htm">img src="c.jpg" width="200" height="138"

    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">/a> /p>

    您可能感兴趣的文章:
    • css实现的图片模糊效果
    • 利用模糊实现视觉3D效果实例讲解
    上一篇:巧用CSS的MASK滤镜
    下一篇:div+css详解定位与定位应用
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    css动态模糊效果 css,动态,模糊,效果,css,动态,