要素の周囲に境界線をフェードインさせようとしています。
jquery animate .cssの回答に続いて、jquery関数を使用し、jqueryサイト.animate()
のチュートリアルに従いました。
しかし、私はそれを動作させることができません。jsbinのコードは次のとおりです。http://jsbin.com/epojaw/2 テキストにカーソルを合わせる と、周囲の境界線がフェードインしますが、突然表示されます。
どうしてこれなの?
要素の周囲に境界線をフェードインさせようとしています。
jquery animate .cssの回答に続いて、jquery関数を使用し、jqueryサイト.animate()
のチュートリアルに従いました。
しかし、私はそれを動作させることができません。jsbinのコードは次のとおりです。http://jsbin.com/epojaw/2 テキストにカーソルを合わせる と、周囲の境界線がフェードインしますが、突然表示されます。
どうしてこれなの?
境界線の幅を0pxから1pxに変更して、フェードイン効果を使用しています。ステップサイズは1pxだと思いますので、すぐに表示されます。
代わりに、白から赤などの境界線の色を使用してフェードインを作成することができます。そうすれば、jQueryはより多くのステップを持つことができ、効果がより良く機能します。
これは、境界線が境界線の幅を1x1だけアニメートするためです。
ボーダー幅を10pxにすると、アニメーション化されます:http: //jsbin.com/utiwoy/3