1

これがフィドルです:http://jsfiddle.net/DerekL/pwbu4/6/

jQueryを使用しtransformてCSS3のプロパティを制御し、「フリップカード」効果を作成しています。デモでは、ピンクの四角にカーソルを合わせると、下に反転して裏側が表示されます。問題は、ピンクの四角の位置にカーソルを移動すると、アニメーションが再開されることです。mouseenterとの場合にのみ正方形を反転することになっていmouseleaveます。つまり、基本的に正方形上を移動すると、フリップはによって行われるため、正方形を離れることさえありませんrotateX。では、どうすればそれを修正できますか?

4

1 に答える 1

0

Esailja のコメントに基づいて少し改善されましたが、別のラッパーを追加すると修正されます。

http://jsfiddle.net/DerekL/pwbu4/11/

于 2012-07-15T23:17:51.767 に答える