<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init(); //body생성된 이후에 실행되어야 한다.
</script>
//나는 이미지가 메시지를 전송한 것처럼 하나씩 스크롤 되기를 원했다.
<div data-aos="slide-up" data-aos-duration="1000" data-aos-placement="top-center" data-aos-once="true">
<img src="/img1">
</div>
<div data-aos="slide-up" data-aos-duration="1000" data-aos-placement="top-center" data-aos-once="true">
<img src="/img2">
</div>
<div data-aos="slide-up" data-aos-duration="1000" data-aos-placement="top-center" data-aos-once="true">
<img src="/img3">
</div>
반응형
'차근차근 > HTML CSS' 카테고리의 다른 글
특정 메뉴 스크롤에 따라 고정 (1) | 2023.11.29 |
---|---|
스크롤위치에 따라 화면변경, 애플처럼 (0) | 2023.10.04 |
문장 클릭 시 단어 스타일 주기 (0) | 2023.10.04 |
게시판 이용 시 스크롤 위치가 변경되는 경우 (0) | 2023.09.22 |
robots.txt (0) | 2023.02.07 |