コンテナの左上からアイソトープアニメーション挿入

Question

アイソトープコンテナの場合、新しいアイテムをコンテナに挿入すると、最初はコンテナの左上に表示されます（最初のアイテムの位置に表示されます）ソートに基づいて移動する必要がある場所に移動することによってアニメーション化されます。

ここに私が何とかしたいと思っている例があります：http://jsfiddle.net/aaairc/H4ZMV/5/。この例でわかるように、新しい項目は、コンテナ内で取得する位置から開始してズームインします。

私はjsfiddleでローカルに見ている問題を再現することができませんでしたが、私は誰かが最初の提案を持っているか、私のjsfiddleの例では、機能を拡大する。それはちょうどデフォルトですか？ CSSに関連する何か？

また、これが適切かどうかはわかりませんが、アイソトープインスタンスのコンテナアイテムまたはすべてのjpgがわかりません。

Answer 1

これは、CSSの指定方法と関係があります。私がCSSをこれまでに変更したとき、それは私が望むと思うように働いた。

/**** Isotope CSS3 transitions ****/ 

.isotope, 
.isotope .isotope-item { 
    -webkit-transition-duration: 0.8s; 
    -moz-transition-duration: 0.8s; 
      transition-duration: 0.8s; 
} 

.isotope { 
    -webkit-transition-property: height, width; 
    -moz-transition-property: height, width; 
      transition-property: height, width; 
} 

.isotope .isotope-item { 
    -webkit-transition-property: -webkit-transform, opacity; 
    -moz-transition-property: -moz-transform, opacity; 
      transition-property:   transform, opacity; 
} 

/**** disabling Isotope CSS3 transitions ****/ 

.isotope.no-transition, 
.isotope.no-transition .isotope-item, 
.isotope .isotope-item.no-transition { 
    -webkit-transition-duration: 0s; 
    -moz-transition-duration: 0s; 
      transition-duration: 0s; 
} 

/* End: Recommended Isotope styles */ 

/* disable CSS transitions for containers with infinite scrolling*/ 
.isotope.infinite-scrolling { 
    -webkit-transition: none; 
    -moz-transition: none; 
      transition: none; 
} 

Answer 2

この機能は、アイソトープv1.4に組み込まれています。 Metafizzy blog: Isotope v1.4 - refined inserting animation