jquery - 透明度のある画像でのjQueryホバートランジション

Question

これを行うために私が見つけたすべての例は、このチュートリアルのように、透明度のないjpgまたはその他の画像があることを前提としています。

これをシャドウ効果のあるPNGに適用すると、画像が2倍になり、シャドウが実質的に2倍暗くなります。

二次画像がフェードアウトしているときに一次画像をフェードアウトすると、まばたき効果があります。これdelay()は、一次画像のフェードアウトをオンにすることで最小限に抑えることができますが、それでも目立ちます。

一次画像のフェードなし：http：//jsfiddle.net/ZKnKs/

なしのプライマリ画像のフェード：http delay()：//jsfiddle.net/ZKnKs/1/

一次画像のフェードdelay()：http：//jsfiddle.net/ZKnKs/2/

最後の1つはdelay()、マウスリーブセクションにを含めないことで効果を減らすことができますが、私の好みには十分ではありません。

私の質問は、これを点滅せずにスムーズな移行にするだけでなく、影を2倍にすることもできないようにするにはどうすればよいですか？

影を別の画像に分離することもできますが、それはかなりエレガントでない回避策のようです。

ありがとう！

score 0 · Accepted Answer

私が求めていたことは不可能だと確信しています。

私が欲しかったのは、このようなスプライトシートからボタンを作成することでした。これらの変数に関係なく、ある状態から次の状態にスムーズにフェードできるようにします。

それが透明である場合の問題は、常にいくらかのオーバーラップがあるか (一部のオーバーラップが同じ色または不透明である場合は問題ありません)、またはまったくないため、フラッシュが発生します。

または、1 ～ 2 秒のアニメーションのようにかなりゆっくり進行させることもできますが、これも機能しません。

しかし、通常は回避策があります。

1 に答える 1