JavaScript - モバイルQQのいいね機能を実装するにはどうすればよいですか?

Question

「いいね!」の後に数字が飛び交うアニメーションを実現するにはどうすればよいですか?

Answer 1

本当はコードを載せたかったのですが、ちょっと長くて面倒

私の料理は、飛び出て大きくなる数字をpにすることです

次に、この p にアニメーション スタイルを追加します

jsファイルを抽出するのが少し面倒なので、私のcssをお見せします
`
/Like/
@-webkit-keyframes niceIn {

リーリー

}
@keyframes niceIn {

リーリー

}

@-o-keyframes niceIn{

リーリー

}

@-moz-keyframes niceIn{

リーリー

}
.niceIn {

リーリー

}
`

Answer 2

アニメーション スタイルを作成し、完了したらクリックしてこのスタイルのクラスを切り替えます

Answer 3

クリックしてアニメーションをトリガーするには、CSS3アニメーションを使用して実現できます