TIL5 [CSS] 2022 Trend @scroll-timeline 스크롤 타임라인이란? AnimationTimeline은 시간 값인 분, 초가 아닌 크롤 진행에 따라 결정 되는 것을 정의한다. 속성을 사용해 스크롤 타임라인이 CSS 애니메이션과 연결된다. @scroll-timeline moveTimeline { source: auto; orientation: vertical; scroll-offsets: 0px, 500px; } source: 스크롤 위치가 타임라인의 진행을 주도하는 스크롤 가능한 요소. auto: 현재 Document 전역 Window 객체와 연결. selector("id-selector"): 요소의 ID로 식별되는 스크롤 컨테이너 none: 스크롤 컨테이너가 지정되지 않음 orientation: 스크롤 타임라인 방향. auto: 기본값(vertica.. 2022. 3. 3. 이전 1 2 다음