انیمیشن‌های پرکاربرد wow در طراحی سایت

ساخت وبلاگ

آخرین مطالب

امکانات وب

انیمیشن‌های پرکاربرد wow در طراحی سایت

انیمیشن‌های پرکاربرد wow در طراحی سایت
انیمیشن‌های پرکاربرد wow در طراحی سایت

شاید برایتان جالب باشد که بدانید چگونه می توان یک یا چند تگ HTML را با انیمیشن های متفاوت در صفحه وب ظاهر کرد؟ در این مقاله قصد داریم پلاگین wow را به شما معرفی کنیم.

زمانی که صفحه وب را باز نمایید محتوای صفحه به صورت پیش فرض نامرئی (opacity=0) هستند و هنگام اسکرول صفحه وب, محتوا با انیمیشن خاصی ظاهر می شود که این انیمیشن مربوط به css می‌باشد. همچنین شما می‌توانید به آسانی تنظیمات آن را تغییر دهید.

مزایا:

حجم آن نسبت به پلاگین‌های جاوا اسکریپت کمتر می‌باشد.
نصب فوق العاده آسان
اجرای سریع و حجم کد کمتر
امکان تغییر تنظیمات

دمو آنلاین

راهنمای نصب wow:

1-لینک css


2-لینک js

3-قرار دادن کد زیر در فایل js

4-کلاس wow به المان مورد نظر

كد:

Content to Reveal Here
5-انتخاب استایل css

كد:

 محتوا اینجا قرار می‌گیرد
موارد دیگر:

data-wow-duration: مدت زمان انیمیشن
data-wow-delay:تاخیر انیمیشن
data-wow-iteration:تعداد دفعات تکرار انیمیشن
data-wow-offset:فاصله شروع انیمیشن تا المان مورد نظر
سفارشی سازی انیمیشن:

boxClass:نام کلاس
animateClass:نام کلاس برای انیمیشن ها
mobile: فعال یا غیر فعال نمودن پلاگین در دستگاه موبایل
live:تیک کردن المان های جدید

كد:

wow = new WOW(
{
 boxClass: 'wow', // default
 animateClass: 'animated', // default
 offset: 0, // default
 mobile: true, // default
live: true // default
}
)
wow.init();
منبع: انیمیشن در صفحات وبستروکیت

گفتگوی هم میهن...
ما را در سایت گفتگوی هم میهن دنبال می کنید

برچسب : نویسنده : محمد رضا جوادیان fhammihan بازدید : 138 تاريخ : شنبه 26 فروردين 1396 ساعت: 12:16

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه