Page Animations Using AOS JavaScript Library

Опубликовано: 11 Октябрь 2024
на канале: Code With Prince
251
10

Hello guys, in this video we'll go over how to make page animations using JavaScript AOS library. Learn to make different page animations all with no javascript code needed.

Page Animations #AOS #AnimationOnScroll

Page Animations
Animation On Scroll
AOS
Div animations
JavaScript Animations
Bootstrap
JavaScript

00:03 Project demo
01:00 AOS Library Demo
02:40: Live Server Installation
03:40 AOS CDN links
05:00 AOS Animations
05:30 Fade-up-right Animation
06:40 Fade-down Animation
07:20 Fade-up-left Animation
08:18: Customize duration and delay
12:30 Fade-down-right Animation
13:20 Fade-right Animation
14:00 Fade-left Animation
14:28 Fade-up-left Animation
15:20 Zoom-out-up Animation
16:50 Zoom-in-right Animation
17:30 Fade-down Animation
18:13 Zoom-out Animation
19:20 Anchor Placement Animation
20:00 Flip Animation

React and FastAPI :    • React and FastAPI  

Django Rest Framework Playlist:    • Django Rest Framework  

Please like, share and subscribe to this channel for more of such videos.

Channel main page: https://www.youtube.com/channel/UCQf9....

pandas series: https://youtube.com/playlist?list=PLU....

Seaborn:    • Seaborn crash course tutorial | learn...  ​​​

Machine Learning: https://youtube.com/playlist?list=PLU....

FastAPI MongoDB CRUD API:    • FARM Stack  

Follow me on social media:
Discord community server:   / discord  
Instagram:   / codehouse2​​​  
twitter:   / codehouse​​​  
Channel main page:    / codewithpri...​  

Please like, share and subscribe to this channel for more of such videos.