Mac の genie エフェクトのポップアップ popin のように、ボックスを最小化したいと思います。jQuery Transferエフェクトが近いことがわかりましたが、十分ではありません。アウトラインを描画するだけで、実際にはオブジェクトを汚しません。 Mac の魔神最小化効果を模倣する方法はありますか?
ありがとう。
Mac の genie エフェクトのポップアップ popin のように、ボックスを最小化したいと思います。jQuery Transferエフェクトが近いことがわかりましたが、十分ではありません。アウトラインを描画するだけで、実際にはオブジェクトを汚しません。 Mac の魔神最小化効果を模倣する方法はありますか?
ありがとう。
この効果は、純粋な DOM 操作では実現できません。要素の流れと形状は、ブラウザのレンダリング エンジンによって決定されます。CSS3 変換を適用できますが、これも、この外観を実現するために必要な組み合わせ手順のサブセットに限定されます。ただし、このソリューションの一部である Flash を処理できる場合は、さらに多くのオプションがあります。
この例は私を悩ませています (これまでで最高の Hello World!):
http://swingpantsflash.com/genie_transition/genietransition.html
キャンバス ライブラリを使用すると、Genie 効果を実現できます。これはCAATと呼ばれるものです。
animate.cssfadeInUpBig
のおよびfadeOutDownBig
クラスを使用してみてください
魔神効果に似たものはありません。最も近いアニメーションは、CSS 変換 (スケールとスキューを使用) と jQuery コールバックを使用して独自に作成した場合です。上、左、幅、高さの値を設定する標準の CSS プロパティでは、目的の効果が得られません。