次の位置にフェードするスプライトの外観を作るトランジションをマスクする jQuery バックグラウンド垂直アニメーションを作成するにはどうすればよいですか? 私の現在のコード (jsfiddleデモについては下のリンクを参照) は、スプライトを正しい背景位置にアニメーション化しますが、それを行うと、スプライトが上から下に移動してから上に戻るのを見ることができます。
トランジションをスムーズ/フェードにして、ホバーするとトランジションでフェードアウトするようにします。現在、それはただパンダウンしています。ある種のマスクか何かを作ることができるかどうかわかりませんか? スプライトでこれを行いたいのですが、2 つの別々の画像で実行できることは既にわかっています。
これが現在の状態のデモです: http://jsfiddle.net/bluetidepro/jNDgT/
これが私がどのように行動したいかです（ただし、jQueryアニメーションが追加されています）：http://jsfiddle.net/bluetidepro/jNDgT/1/
それが意味をなさない場合、私はよりよく説明しようとすることができます.