728x90
명령어 | 설명 |
data-aos | 사용할 애니메이션 효과명 |
data-aos-anchor | 특정한 객체에 anchor를 설정, 어떤 객체를 기준으로 애니메이션이 시작 될지 설정 |
data-aos-anchor-placement | 애니메이션이 어느 위치에서부터 적용될지 설정 (default: top-bottom) |
data-aos-delay | 애니메이션 재생 대기시간 설정 (default: 0) |
data-aos-duration | 애니메이션 재생시간 설정 (default: 400) |
data-aos-easing | 애니메이션 시간 흐름에 따는 속도 설정 옵션(default : ease) |
data-aos-offset | 애니메이션 효과가 시작될 객체의 위치 설정 |
data-aos-once | 스크롤 할 때마다 애니메이션이 재생될지 설정(default : ease) |
※ data-aos-delay, data-aos-duration : 0~3000까지 최댓값을 설정, 50 단위로 설정 변경이 가능
'Language > JavaScript' 카테고리의 다른 글
[JavaScript] JavaScript API (0) | 2023.01.21 |
---|---|
[JavaScript] 바닐라 자바스크립트(Vanilla JavaScript) (0) | 2022.07.18 |
[JavaScript] 비동기처리(async/await) (0) | 2022.07.07 |
[JavaScript] RegExp 객체 (0) | 2022.07.06 |
[JavaScript] 정규 표현식의 응용 (0) | 2022.07.06 |