使用JQuery或Javascript寻求同时淡入淡出和模糊效果

Question

有人可以想到一种模拟以下网站中使用的淡入/模糊闪光效果的方法：

http://www.frenchlaundry.com/（图片在悬停时淡化和模糊，而文字同时淡入）

使用JQuery？我希望在加载或DOM准备好（而不是悬停）时发生这整个效果链。而模糊，我的意思是高斯型的模糊 - 可能使用Pixastic（？）

我真的很陌生，所以请保持温柔：）

谢谢。

Answer 1

你应该使用Jquery的animate（）方法来实现你想要的。

查看下面的链接......它有很多例子：

http://api.jquery.com/animate/

HTH

Answer 2

由于Jquery效果只是animate（）方法的实现，它使用CSS属性然后在它们之间进行平滑过渡，因此没有简单的方法来实现高斯模糊。

你可以使用Pixastic，然后在模糊图像上淡化一些隐藏文字，为什么不呢。

Answer 3

此库包含模糊图像的功能：http://www.pixastic.com/

至于设置模糊效果的动画，就像Raja说你可以查看Jquery的animate（）方法，或者只是使用setTimeout函数。