Google Plus 카운터 애니메이션은 어떻게 작동합니까?

Question

누구든지 Google Plus의 게시물 투표 애니메이션이 어떻게 작동하는지 알고 있습니까?

이

은 무슨 뜻입니다 : 내가 코드를 통해, 그들이 스테핑으로 무엇을 말할 수에서 http://cl.ly/image/0h1l1a181j1O

Answer 1

:

1. 분할을하는 인라인 블록 요소로 수
2. 애니메이션 필요가있는 부분 (숫자가 9가 아닌 경우 마지막 숫자, 숫자가 9 인 경우 전체 숫자)의 높이가 명시 적으로 설정되고 오버플로가 숨김으로 설정됩니다.
새로운 요소는 그 내용에 설정 한
3. {NUMBER} <BR> {번호 + 1} <BR> {NUMBER}
새로운 요소의 scrollTop 속성 효과 후 스크롤 효과
4. 을 만드는 애니메이션
5. 끝나면 분할 된 요소를 새 번호로 바꿉니다.

이 요소의 세 번째 숫자가 무엇인지 확실하지 않아서 뒤로 쉽게 스크롤 할 수 있습니다.