Amerimnos

GSAP 같은 플러그인 사용하지 않고, scroll 모션을 다양한 방식으로 구현함.

APG 소스를 리팩토링했고, 검색 기능에 영어만 지원해서 한글 지원 기능 추가함.

CSS만으로 구현

이미지 돋보기

마치 통이미지 처럼 축소되게 처리. vw는 스크롤바 너비 무시하므로 계산에 포함함. 계산식은 calc(기준 뷰포트 너비일 때 원하는값 / (기준 뷰포트 너비 + 스크롤바 너비) * 100vw)

새로고침시 원하는 부분이 가로 스크롤 정중앙에 오도록

svg 속성을 활용한 애니메이션 구현