search

adrianhajdin / project_html_css_website

413 stars 83 forks source link

aos is not working #3

Open aatif00002 opened 1 year ago

aatif00002 commented 1 year ago

the animations are not showing , i have done nothing wrong, it seems aos is not working

aatif00002 commented 1 year ago

found the solution : just add these before the in html file <code><link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /</code></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/arkam-mohamad"><img src="https://avatars.githubusercontent.com/u/125960377?v=4" />arkam-mohamad</a> commented <strong> 1 year ago</strong> </div> <div class="markdown-body"> <p>try after adding the type attribute with the value of 'module' to the script tag. <script src="js/script.js" type="module"></script> </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kingsleyfrank"><img src="https://avatars.githubusercontent.com/u/36762175?v=4" />kingsleyfrank</a> commented <strong> 1 year ago</strong> </div> <div class="markdown-body"> <p>this is still an issue</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/TonyStark"><img src="https://avatars.githubusercontent.com/u/5529450?v=4" />TonyStark</a> commented <strong> 1 year ago</strong> </div> <div class="markdown-body"> <p>pnpm install --save aos@next or npm install --save aos@next</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jubair477"><img src="https://avatars.githubusercontent.com/u/100515831?v=4" />jubair477</a> commented <strong> 1 year ago</strong> </div> <div class="markdown-body"> <blockquote> <p>pnpm install --save aos@next or npm install --save aos@next</p> </blockquote> <p>thanks bro it worked</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>