<div class="wrpa">
 
<p  data-aos="fade-right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel error dignissimos exercitationem ipsam natus nostrum officia voluptas animi et cum harum in voluptatibus culpa quae, velit quas voluptatem temporibus dicta fuga alias sunt accusantium? Dolores dolor, aliquam suscipit totam temporibus dicta tenetur nobis vero repudiandae libero natus saepe in aperiam impedit ducimus voluptate. Veniam soluta nesciunt repellendus, accusantium autem hic. Saepe quam dignissimos tempore, nihil consectetur quasi quibusdam provident porro esse suscipit similique mollitia debitis perspiciatis illum pariatur facilis iure repellendus dolorem error dolorum atque et voluptatum voluptas. Mollitia voluptatem impedit, eligendi minima iusto omnis tempore nam et labore, corporis in aliquid, corrupti sunt? Iste ipsa rem perferendis quasi non sit, et perspiciatis sapiente dolorum libero nostrum in nemo sequi error aliquid officia! Obcaecati nobis commodi, non odio quisquam perspiciatis nostrum voluptates dignissimos consequuntur, voluptatibus cumque. Qui sint consectetur sit impedit, aliquid aliquam debitis? Architecto explicabo nam laborum hic mollitia reiciendis neque vero sequi qui dicta blanditiis corrupti id placeat iste expedita aut, temporibus nulla delectus ut. Et, incidunt hic. Itaque sapiente ratione debitis odit tempora! Velit debitis perferendis officiis optio, modi ullam voluptatum! Nemo porro at molestias quis laudantium distinctio fugiat obcaecati doloremque accusantium temporibus, recusandae modi! Quam minima blanditiis magnam libero laudantium reprehenderit ducimus repellat corporis maxime dolorum tempore ipsa dolore necessitatibus et sed quibusdam veniam aliquam commodi, velit quaerat suscipit explicabo dignissimos totam. Itaque esse corrupti nesciunt doloremque nemo facilis alias enim consectetur dignissimos minima eius unde deleniti perferendis praesentium reprehenderit, error pariatur. Sint perferendis sapiente beatae esse perspiciatis cum quas molestias, laborum, minima deleniti, amet dolore. Eum odit facilis cupiditate, quod quis vitae, aperiam quasi maxime blanditiis nam, et expedita reprehenderit saepe. Placeat veritatis beatae dolorem repudiandae laudantium eum repellendus eos magnam tempora reiciendis. Sunt, suscipit sequi deserunt quos maxime vero fuga nulla consequuntur, laborum rerum facere eaque aut mollitia iure inventore fugiat eveniet aperiam non voluptas ex. Praesentium quaerat ad a, corrupti ratione fugiat voluptates laborum fuga esse, ipsam quisquam. Error fugit omnis iusto amet consectetur qui quas delectus quis laboriosam, a architecto natus mollitia nobis. Eius nesciunt aspernatur corrupti consectetur maiores iure voluptatem, veniam ad harum totam laborum saepe dolores debitis odio natus placeat perferendis alias quod ipsa dicta explicabo praesentium dolor. Earum nobis voluptates provident esse quo. Voluptas doloribus aspernatur eveniet nisi quas corporis, placeat quae perspiciatis rem! Soluta magni omnis labore earum culpa repellendus minima porro! Quam ab error illo commodi iusto. Iusto vel dignissimos nulla et beatae? Doloremque quidem voluptatum laboriosam impedit? Mollitia, facere! Eligendi voluptatum non dignissimos debitis ut. Aliquid, porro? Culpa exercitationem quidem consectetur impedit asperiores vero nihil, mollitia dignissimos necessitatibus error suscipit fugiat! Sapiente cupiditate, adipisci aspernatur delectus facilis quasi velit, dignissimos animi ad tempora eum repudiandae deserunt ea sit ipsum nisi exercitationem temporibus. Iusto provident, maiores nobis dicta ut quo reprehenderit voluptatum quas sint repellendus, veritatis, et error numquam molestias expedita repellat blanditiis ea saepe dolorem? Natus, accusamus vitae veritatis quisquam quaerat eum saepe unde porro cumque architecto, molestiae sit quas aut? Iure libero dolores laborum repellat soluta at iusto aut explicabo vitae eveniet corrupti dolore distinctio aperiam quos quam totam, quaerat veniam nostrum sequi dolorum mollitia sapiente corporis optio. Molestiae minus dicta quidem nisi harum tempora enim esse ad ab blanditiis maiores rem odio, sequi nemo perferendis laboriosam? Sit, ullam, magnam porro vitae in dolor dignissimos veniam sequi aut vero quibusdam iste. Quaerat non corrupti tempore repellendus facere quae aut, itaque id laborum placeat nihil ipsa mollitia numquam quod unde temporibus dolore nesciunt exercitationem nulla culpa earum fugiat, perferendis dolor expedita? Perferendis laborum pariatur omnis suscipit, temporibus eius, soluta dicta illo tempore dolore sed cumque totam numquam necessitatibus sint unde aliquam saepe consequatur quam sunt non provident. Soluta numquam et quam. Explicabo facilis ut deserunt quas in voluptate eius reprehenderit! Optio blanditiis voluptatem voluptates ex animi pariatur qui adipisci molestiae, accusamus consequuntur maxime. Ratione aperiam ipsa iusto qui quibusdam ut non doloribus ad inventore minima voluptas placeat vel tempore quisquam ullam sed magnam facilis rem magni expedita, nesciunt delectus deleniti necessitatibus? Corrupti laboriosam incidunt et architecto beatae! Dolores esse asperiores quia vero, quo architecto illum exercitationem impedit consequuntur recusandae id ratione itaque corrupti maxime porro culpa quasi dolor vitae! Ducimus, quis qui velit commodi id accusantium deleniti assumenda error autem. Asperiores eaque quasi sed autem amet commodi rerum reiciendis obcaecati minima sapiente doloribus possimus magnam voluptatibus velit, adipisci vitae, labore eius facilis expedita odio unde non deleniti numquam fuga. Labore sit assumenda iste consequatur. Officia minus non excepturi alias voluptatum nesciunt distinctio asperiores a magnam? Omnis eligendi facere repellat, eius tenetur dolores distinctio eaque fuga maiores quis iusto labore dolorem deserunt optio cumque aliquam vitae nostrum eos quo tempora aperiam nulla. Dignissimos culpa eligendi nesciunt vero optio, alias quia aspernatur aperiam pariatur esse accusantium ad voluptas odit doloremque neque est beatae molestiae explicabo dolore veritatis quae cumque commodi aliquam repellat. Blanditiis reiciendis sapiente voluptate quaerat ipsum. Eaque, assumenda! Ut ipsa voluptatum, excepturi in ducimus corrupti ipsam numquam eligendi, maiores et soluta reiciendis iste ad. Pariatur nobis nemo mollitia, quisquam earum consectetur quibusdam autem quam perferendis porro magni aliquid sit animi. Tenetur voluptatibus optio ipsum ipsam dolore architecto fugiat corrupti excepturi sequi nisi molestiae voluptas ipsa nemo accusamus, delectus, iure praesentium assumenda ad vel maiores exercitationem fugit hic omnis! Officia, perferendis alias doloribus, reprehenderit laudantium consectetur beatae voluptate voluptates iusto praesentium sapiente explicabo cum debitis quo autem ipsa officiis asperiores non consequuntur numquam nihil nemo. Voluptate laborum vitae quas, nisi soluta tempore labore fuga doloribus adipisci praesentium animi necessitatibus velit aliquid placeat debitis molestias nulla quaerat, neque deserunt sequi hic. Expedita ducimus placeat perspiciatis cupiditate nemo nobis consectetur blanditiis nulla dolorum sunt. Inventore, saepe. Inventore incidunt necessitatibus iure repellat natus, facilis perspiciatis nesciunt aut dolorum nobis ad voluptatum corporis laborum beatae debitis, rem est fuga ratione ab magnam. Culpa illum ipsa voluptatibus. Ratione impedit sequi suscipit vitae quisquam ullam soluta, nulla optio officia natus praesentium, aut fugit totam repellendus sit deleniti ducimus laborum officiis. Cumque veritatis sapiente animi architecto impedit quas eveniet, nam illum fugit, possimus ex!</p>
   
</div>

.wrap{
  width: 100px;
}
.title{
  font-size:40px;
  
}

AOS.init({
  // Global settings:
  disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
  startEvent: 'DOMContentLoaded', // name of the event dispatched on the document, that AOS should initialize on
  initClassName: 'aos-init', // class applied after initialization
  animatedClassName: 'aos-animate', // class applied on animation
  useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
  disableMutationObserver: false, // disables automatic mutations' detections (advanced)
  debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
  throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)
  

  // Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
  offset: 120, // offset (in px) from the original trigger point
  delay: 0, // values from 0 to 3000, with step 50ms
  duration: 400, // values from 0 to 3000, with step 50ms
  easing: 'ease', // default easing for AOS animations
  once: false, // whether animation should happen only once - while scrolling down
  mirror: false, // whether elements should animate out while scrolling past them
  anchorPlacement: 'top-bottom', // defines which position of the element regarding to window should trigger the animation

});

External CSS

  1. https://unpkg.com/aos@2.3.1/dist/aos.css

External JavaScript

  1. https://unpkg.com/aos@next/dist/aos.js