[New Feature] 스크롤 타임라인 에니메이션 css 기능

[developer-1px]

홈페이지에서 scroll에 반응하는 에니메이션은 많으니 이를 대응할 수 있는 문법이나 기능을 구현하는 건 어떨까?

#7 에서 쓰이는 에니메이션과 결합해서

ex)

<div class="on:scroll:fade-in"> <div class="on:scroll:fade-right(1s)">

or

<div class="scroll:fade-in"> <div class="scroll(-50%):fade-right(1s)">

NOTE: 아직 정식으로 배포된 브라우저는 없지만 scroll-time-line이라는 css 문법이 추가되었다. 나중에 자연스럽게 옮겨야 할 것도 생각해보자..