私はグリッドを持っています。私がやろうとしているのは、ボタン (デモではオレンジ色) をクリックすると、一部のアイテムが回転してフェードアウトし、これが起こっている間、他のアイテムがアニメートして文字通りスペースを埋めることです。それらがアニメーション化されている間、それらの上を移動します。
学習のためにプラグインなしでこれを行いたいのですが、2 つの点で少し苦労しています。不透明度の変更アニメーションが発生しない場合は、CSS3 で実行しようとしています。2 つ目は、グリッドのギャップを埋めるために残りのアイテムをアニメーション化する方法がよくわからないことです。
これは私が今設定したものです。何人かの人々がこれについて考えてくれることを望んでいました 。