Loading... ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/jquery-1.11.3.js"></script> <script src="./dist/aos.js"></script> <link rel="stylesheet" href="./dist/aos.css"> <style> body[aos-duration='4000'] [aos], [aos][aos][aos-duration='4000']{ transition-duration: 4000ms; } </style> </head> <body> <div class="code code--small code--right" aos="fade-down"> <img src="img/Home_02.JPG" alt="" style=""> <div > <h2 aos="fade-up" aos-easing="ease" aos-delay="400">Animate On Scroll <span>Library</span></h2> <h2 aos="fade-up" aos-easing="ease" aos-delay="500">Animate On Scroll <span>Library</span></h2> <h2 aos="fade-up" aos-easing="ease" aos-delay="600">Animate On Scroll <span>Library</span></h2> </div> </div> </body> <script> AOS.init({ offset: 300, duration:500, easing: 'ease-in-sine', delay: 100, }); </script> </html> ``` Last modification:September 2, 2023 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 如果觉得我的文章对你有用,请随意赞赏