jquery 애니메이션 AOS
2020. 4. 2. 13:24ㆍhtml
▶ aos animate
예시, 다운로드 제공 : https://michalsnik.github.io/aos/
- 사이트 하단 css, js 다운로드 버튼 제공
- 사용법
//css, js 인쿠르드
<link href="aos.css" rel="stylesheet">
<script src="aos.js"></script>
//AOS.init 호출
<script>
AOS.init();
</script>
<div data-aos="flip-left" data-aos-offset="300" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
//data-aos - 효과명(필수 옵션)
//data-aos-offset - 효과 시작 스크롤 위치 옵션
//data-aos-easing - 재생옵션
//data-aos-duration - 재생시간 옵션
</div>
'html' 카테고리의 다른 글
웹폰트 브라우저별 지원 포맷 / 폰트 css (0) | 2020.05.23 |
---|---|
크롬 bxslider 링크 오류 해결 방법 (0) | 2020.04.09 |
css 애니메이션 효과 (0) | 2020.04.02 |
ccs 폰트 적용 (0) | 2019.12.10 |
html - 제목 태그 (0) | 2019.12.04 |