<link rel="stylesheet" href="css/animate.css" >
WOW.init();
مطالبی که در اینجا آشکار می
شود
مطالبی که در اینجا آشکار می
شود
data-wow-duration: مدت زمان انیمیشن را تغییر دهید
data-wow-delay:
تاخیر قبل از شروع انیمیشن
data-wow-offset: فاصله شروع انیمیشن
(مربوط به پایین مرورگر)
data-wow-iteration:
تعداد دفعات تکرار انیمیشن
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
</section>
<section class="wow slideInRight" data-wow-offset="10" data-wow-iteration="10">
</section>
boxClass: نام کلاس که کادر مخفی را هنگام اسکرول کاربر نشان می دهد.
animateClass: نام کلاسی که انیمیشنهای CSS را فعال میکند (به طور پیشفرض برای کتابخانه animate.css "متحرک" شده است)
offset: فاصله بین پایین نمای مرورگر و بالای کادر مخفی را مشخص کنید.
هنگامی
که کاربر اسکرول می کند و به این فاصله می رسد، کادر مخفی آشکار می شود.
mobile: wow.js را در دستگاه های تلفن همراه روشن/خاموش کنید.
live: به طور مداوم عناصر WOW جدید را در صفحه بررسی کنید.
wow = new WOW(
{
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // default
mobile: true, // default
live: true // default
}
)
wow.init();