角2 - カードがアニメーションを翻訳するときに翻訳する

Question

角2でフィルタリングされたときにカードの動的な翻訳を行う方法を知っていますか？このブートストラップのテーマのようなアニメーション：

http://kingstudio.ro/demos/eyecatcher/index3.html

（ページの下部にあるポートフォリオのアニメーションボタンでクリックしてください）

はあなたの助けのためにありがとうございました！

Answer 1

私がこれを行う唯一の方法は、CSSのtransform: translateプロパティで再生することです。

投稿にリンクしたウェブサイトをチェックしてみましょう。これは、このプロパティを使用して位置から別の場所に移動するクラス.shuffle-itemと.filteredの要素です。各要素の新しい位置x,yを計算する必要があります。たとえば、提供したWebサイトでは、各行に4つの要素があります。 13要素の座標が必要な場合はx = 13 % 4 = 1とy = 13/4 = 3です。これらの数値に要素の幅と要素の高さを掛け合わせるだけでいいです