运动模糊效果 Jquery答案

【问题标题】：Motion Blur effect Jquery运动模糊效果 Jquery
【发布时间】：2014-06-05 18:51:27
【问题描述】：

有人可以帮我吗，请在我的第三天，我无法从任何我刚接触 jquery 的地方获得帮助，我正在为一家公司工作，我正在将 Flash 横幅转换为 html5 横幅。我已经转换了所有内容，但只剩下图像部分。

我想实现像this one 这样的运动蓝色效果，这是我的代码my code。如果有人可以帮助我，我将不胜感激。

谢谢

 $(document).ready(function () {
      bannerAnimation();
 });
function bannerAnimation(){
    //Jquery Animation
      $("#Image_Car").animate({ left: "30" }, 500, function () {
        $("#Image_Car").animate({ left: "10" }, 200);
    });   
}

【问题讨论】：

你的“这个”链接失效了
你能再试一次吗？请它是一个 Flash 广告，或者如果你看不到这个，那么我已经上传了一个视频剪辑。您可以从此链接sharemobile.ro/file/769407 下载它，或者如果您仍然看不到它，那么我可以将我录制的实际视频剪辑通过电子邮件发送给您希望它会有所帮助：/
有人可以告诉我吗？
链接失效

标签： javascript jquery html animation jquery-plugins

【解决方案1】：

使用缓动函数libraries 来辅助您的动画。你可以像这样指定缓动函数

$("#Image_Car").animate({ left: "50px" }, 1000,'easeOutElastic');

对于模糊效果使用-webkit-filter: blur支持list

DEMO

【讨论】：

感谢 sarath，但它是一种运动模糊效果，我需要确切的效果，你能看到预览吗/？
滑得很快但不是刮风效果能看demo链接吗？
请随意调整那些属性，改个数字玩玩，直到得到一个近似的效果，100%复制是困难的，你需要使用canvas进行高级图形效果。