차근차근/HTML CSS
[aos.js]스크롤위치에 따라 화면변경, 애플처럼2
예쁜꽃이피었으면
2024. 2. 13. 12:22
<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>
반응형