3

次の Web サイトで使用されているフェード/ブラー フラッシュ効果をシミュレートする方法を思い付く人はいますか?

http://www.frenchlaundry.com/ (ホバーすると画像がフェードしてぼやけ、同時にテキストがフェードインします)

JQueryを使用していますか？私は、ロード時またはDOMの準備が整ったときに（ホバー時ではなく）、この一連の一連の効果が発生することを期待しています。そしてぼかしとは、ガウスタイプのぼかしを意味します-おそらくPixasticを使用します（？）

私はこれで本当に新しいので、優しくしてください:)

ありがとうございました。

4

3 に答える 3

3

目的を達成するには、Jquery の animate() メソッドを使用する必要があります。

以下のリンクをチェックしてください...多数の例があります。

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

HTH

于 2010-04-11T23:38:03.233 に答える
2

Jquery エフェクトは animate() メソッドの単なる実装であり、CSS プロパティを使用してそれらの間をスムーズに遷移させるため、ガウスぼかしを実装する簡単な方法はありません。

Pixastic を使用して、ぼやけた画像の上に隠しテキストをフェードインすることもできます。

于 2010-04-11T23:45:18.217 に答える
2

このライブラリには、画像をぼかす機能が含まれています: http://www.pixastic.com/

ぼかし効果のアニメーション化に関しては、Raja が言ったように、Jquery の animate() メソッドを見るか、単に setTimeout 関数を使用できます。

于 2010-04-11T23:47:55.903 に答える