[Korean FE Article] CSS만으로 스크롤 기반 애니메이션 구현하기

글 링크: https://velog.io/@typo/scroll-driven-animations-with-just-css

소개

FE 개발자라면 스크롤 기반 애니메이션을 구현해야 하는 경우를 왕왕 마주합니다. 기존에 쓰던 서드파티 라이브러리를 그대로 사용하거나 혹은 직접 구현하기도 합니다. 어떤 방법을 선택하든 자바스크립트 코드의 양은 늘어나기 마련입니다. 하지만 CSS만으로 애니메이션 구현이 가능하다면 어떨까요? 어쩌면 꽤 많은 자바스크립트 코드를 CSS로 대체 가능한 날이 머지 않은 것 같습니다.

목차

• 타임라인이란?

  • scroll() 타임라인

  • view() 타임라인

• 한 단계 더 들어가서