[AOS] data-aos

2024. 6. 13. 14:24·Language/JavaScript
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
'Language/JavaScript' 카테고리의 다른 글
  • [JavaScript] JavaScript API
  • [JavaScript] 바닐라 자바스크립트(Vanilla JavaScript)
  • [JavaScript] 비동기처리(async/await)
  • [JavaScript] RegExp 객체
arajo
arajo
  • arajo
    아라 메모장
    arajo
  • 전체
    오늘
    어제
    • 분류 전체보기 (509)
      • Language (298)
        • HTML (55)
        • CSS (11)
        • JavaScript (70)
        • TypeScript (8)
        • Python (33)
        • Java (119)
        • C (0)
        • C# (2)
      • Programming (92)
        • Programming (14)
        • Web (51)
        • Apache (1)
        • MySQL (23)
        • AWS (3)
      • Framework | Library (26)
        • Framework | Library (3)
        • Vue.js (2)
        • React.js (5)
        • React Native (4)
        • Node.js (1)
        • Ajax (1)
        • Bootstrap (8)
        • Spring (1)
        • Flutter (1)
      • etc (2)
      • 휴식 (19)
        • 책 (13)
        • 일기 (5)
        • 게임 일기 (1)
      • A (71)
        • 공부 (18)
        • 기타 (6)
        • 일 (47)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    next.js
    react
    Python
    JavaScript
    TypeScript
    객체
    event
    Java
    변수
    리액트
    제어문
    파이썬
    web
    타입스크립트
    object
    MySQL
    array
    CSS
    자바스크립트
    HTML
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
arajo
[AOS] data-aos
상단으로

티스토리툴바