Meteor：更新されたコンテンツのアニメーション

Question

単純なゲームをプレイした後にユーザーがスコアを投稿した基本スコアボードリストのMeteor Appがあります。スコアボードには上位10のスコアが表示され、明らかにdbの最新のデータに反応します。私は、更新されて上下に移動するのではなく、上下（少しスライドなど）で移動するときにリスト内のそれらのスコアをアニメーション化する方法があるかどうかを知りたい。

挿入または削除されたコンテンツをアニメーション化するためのこのパッケージが見つかりました - https://atmospherejs.com/webtempest/animateこれは素晴らしいですが、更新されたコンテンツには何も表示されません。私は流星の中でuiwebhooksについていくつかのことを見てきましたが、私のプロジェクトでそれを活用することについて何も見つけることができません。

アニメーションがMeteor、CSS、またはjQueryのコアUIであるかどうかは関係ありません。呼び出す方法を知りたいだけです。その要素へのクラスの追加と削除だけで十分です。

私はフロントエンドデベロッパーであり、これは誤った情報のポストである場合、メテオの新人です。正しい方向に私を向けることができるものはどれも感謝します。

Answer 1

ご質問ありがとうございます。

私はMeteorではなく、アニメーションについて知っていることから、特定のクラス名でCSSファイルに定義されていると思いますが、それは本当ですか？

キーフレームを使用している場合、アニメーションを「再起動する」のが最も簡単な方法は、アニメーションを担当するクラスを追加したり削除したりすることです。

私は流星のドキュメントで、この小さなコード例を見つけました：

animated.your-custom-class.zoomIn { 
-webkit-animation-duration: 500ms; 
animation-duration: 500ms; 
} 

animated.your-custom-class.bounceOut { 
-webkit-animation-duration: 2000ms; 
animation-duration: 2000ms; 
} 

これは私がアニメーションが実際に特定のクラス名のために定義されていると思います。

回答が、私は内容がで更新されたときに私のためにこれを行うことができますフックや機能を見つけることですが午前問題の