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 애니메이션을 사용하여 구현될 수 있습니다