انیمیشن
انیمیشن محو شدن
محو شدن
<div data-aos="fade-up"></div>
محو شدن
<div data-aos="fade-down"></div>
محو شدن سمت راست
<div data-aos="fade-right"></div>
سمت چپ محو کنید
<div data-aos="fade-left"></div>
محو شدن به سمت راست
<div data-aos="fade-up-right"></div>
محو شدن سمت چپ
<div data-aos="fade-up-left"></div>
محو شدن به سمت راست
<div data-aos="fade-down-right"></div>
محو کردن سمت چپ
<div data-aos="fade-down-left"></div>
انیمیشن تلنگر
چرخاندن به چپ
<div data-aos="flip-left"></div>
چرخاندن به راست
<div data-aos="flip-right"></div>
تلنگر به بالا
<div data-aos="flip-up"></div>
تلنگر به پایین
<div data-aos="flip-down"></div>
زوم انیمیشن
بزرگنمایی
<div data-aos="zoom-in"></div>
بزرگنمایی بالا
<div data-aos="zoom-in-up"></div>
Zoom In Down
<div data-aos="zoom-in-down"></div>
زوم در سمت راست
<div data-aos="zoom-in-right"></div>
زوم در چپ
<div data-aos="zoom-in-left"></div>
بزرگنمایی
<div data-aos="zoom-in"></div>
بزرگنمایی
<div data-aos="zoom-out-up"></div>
زوم کردن
<div data-aos="zoom-out-down"></div>
بزرگنمایی به راست
<div data-aos="zoom-out-right"></div>
بزرگنمایی سمت چپ
<div data-aos="zoom-out-left"></div>
نمونه های انیمیشن
مدت زمان
<div data-aos="fade-up" data-aos-duration="3000"></div>
تسهیل "خطی"
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500"></div>
افست
<div data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine"></div>
افست
<div data-aos="fade-left" data-aos-offset="500" data-aos-duration="500"></div>
Easing="ease-in-back"
<div data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="300" data-aos-offset="0"></div>
Easing="ease-out-cubic"
<div data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000"></div>