http://jasondaydesign.com/masonry_demo/を参照 して、movemaine.com の画像をクリックしてください。
表示と非表示のトランジションと、石積みの再配置を全体的にスムーズにしたいと考えています。スピードを試しましたが、望む結果が得られません。
さらに、show hide のポインター カーソルが欲しいのですが、それが機能しないようです。考え?
ありがとう!
http://jasondaydesign.com/masonry_demo/を参照 して、movemaine.com の画像をクリックしてください。
表示と非表示のトランジションと、石積みの再配置を全体的にスムーズにしたいと考えています。スピードを試しましたが、望む結果が得られません。
さらに、show hide のポインター カーソルが欲しいのですが、それが機能しないようです。考え?
ありがとう!
このコンセプトは気に入っていますが、ブラウザが処理できる限界にぶつかっているだけなのではないでしょうか。あなたができる唯一のことはposition: absolute
、ブラウザがアニメーション中に何もリフローする必要がないように、動くすべてのものを確実にすることです。
一度に 1 つずつ、または一度に 1 列ずつ移動してみてください。少し異なる効果になりますが、同時に実行されるアニメーションの数が削減されます。または、最初の 2 つの列を下にスライドして、より大きな画像に合わせることもできます。
カーソルに関しては、おそらく のような CSS でそれを行うことができます{cursor:hand;}
。Google の「css カーソルの種類」を参照すると、オプションが何であるかがわかります。
jQuery のイージング プラグインを確認しましたか?
編集:CSSについて/カーソルの変更。次のルールを追加すると、うまくいくはずです。
.expandable {
cursor: pointer;
}