반응형 애니메이션1 [Javascript] Number Index를 만들어 보자(ft. 숫자 카운트 애니메이션) 몇년 전부터 기업의 홈페이지 메인에 숫자 인덱스로 실적 지표를 보여주는 그런 형태가 유행하는 것 같습니다. 대충 이런 식으로요. 물론 디즈니 플러스의 경우에는 고정된 형태의 숫자이지만, 저 숫자들이 막 올라가는 형태도 많죠. 때마침 필요한 기능이기도 해서 한번 만들어 보기로 합니다. 숫자가 막 올라가는 카운트 모션 만들기 반응형을 고려해서 대략 이렇게 4개 칼럼으로 이루어진 형태를 계획하고 만들어보기로 생각해봅니다. 결과물을 예상해서 설계도를 그립니다. PPT로 만들어도 좋고 연습장에 손으로 그려도 좋습니다. 아무튼 목표점이 구체적이어야 할테니까요. 결론은 아래와 같은 모습의 형태. 처음부터 다 코딩하려면 쉽지 않죠. 일단 구글링을 시전해봅니다. 검색어를 바꿔가며 몇번 시도해봤더니 Jquery로 만들어진.. 2022. 11. 24. 이전 1 다음 반응형
