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

Question

谁能想到一种方法来模拟以下网站中使用的淡入淡出/模糊闪光效果：

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

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

我在这方面真的很新，所以请温柔:)

谢谢你。

Answer 1

您应该使用 Jquery 的 animate() 方法来实现您想要的。

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

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

高温高压

Answer 2

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

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

Answer 3

该库包括模糊图像的能力：http ://www.pixastic.com/

至于动画模糊效果，正如 Raja 所说，你可以看看 Jquery 的 animate() 方法，或者干脆使用 setTimeout 函数。