در حال بارگیری پنل مدیریت...

    • نشانک ها
      آیکون نشانک ها بصورت شبکه ای
    • داشبورد شبکه ای
      شبکه کشویی داخل
    • محتوا
      فعالیت
      مخاطب
      گزارش ها
      اتوماسیون
      تنظیمات
    • اعلان ها
      شما 6 پیام خوانده نشده است
    • شخصی پستهای شما را لایک کرد

      2 ساعت قبل

    • 3 نظر جدید

      1 ساعت قبل

    • همه اعلان ها
    • ایمان پاکروح
      طراح سایت
    • پروفایل
    • صندوق پستی
    • میز کار
    • تنظیمات

انیمیشن WOW

پنل ادمین
  2. رابط کاربری Perk
  3. انیمیشن
  4. انیمیشن WOW
WOW به عنوان انیمیشن
1راه اندازی wow.js
(با تغییر تنظیمات wow.js می توانید به کتابخانه انیمیشن CSS دیگر پیوند دهید)
& lt؛ پیوند rel = "stylesheet" href = "css / animate.css" & gt؛
2wow.js را پیوند داده و فعال کنید
& lt؛
& lt؛
WOW.init () ؛
& lt؛
3یک عنصر را قابل تجزیه کنید
(برای استفاده از تضاد نام شما می توانید این کلاس CSS را در تنظیمات تغییر دهید واو تغییر دهید.)
کلاس CSS .wow را به یک عنصر HTML اضافه کنید ، تا زمانی که کاربر برای آشکار کردن آن پیمایش شود ، نامرئی خواهد بود.
& lt؛
در اینجا مطالب برای فاش کردن
& lt؛
4سبک انیمیشن را انتخاب کنید
در Animate.css یک سبک انیمیشن انتخاب کنید ، سپس کلاس CSS را به عنصر HTML اضافه کنید
& lt؛
در اینجا مطالب برای فاش کردن
& lt؛
اضافیگزینه ها پیش می روند

data-wow-duration:مدت زمان انیمیشن را تغییر دهید
data-wow-delay:تأخیر قبل از شروع انیمیشن
data-wow-offset:فاصله برای شروع انیمیشن (مربوط به قسمت پایین مرورگر)
data-wow-iteration:تعداد دفعات تکرار انیمیشن

& lt؛ section class = "wow slideInLeft" data-wow-duration = "2s" data-wow-delay = "5s" & gt؛
& lt؛ / بخش & gt؛
& lt؛ section class = "wow slideInRight" data-wow-offset = "10" data-wow-iteration = "10" & gt؛
& lt؛ / بخش & gt؛
تنظیماتتنظیمات را سفارشی کنید

جعبه کلاس:نام کلاس که هنگام پیمایش کاربر جعبه پنهان شده را نشان می دهد.

animateClass:Class name that triggers the CSS animations (’animated’ by default for the animate.css library)

انحراف:فاصله بین قسمت پایین نمای مرورگر و بالای جعبه پنهان را مشخص کنید.
وقتی کاربر پیمایش می کند و به این فاصله می رسد ، جعبه پنهان مشخص می شود.

سیار:روشن / خاموش کردن wow.js در دستگاه های تلفن همراه.

زنده:دائماً عناصر WOW جدید را در صفحه بررسی کنید.

وای = WOW جدید (
{
boxClass: 'wow'، // default
animateClass: 'متحرک' ، // پیش فرض
افست: 0 ، // پیش فرض
موبایل: درست ، // پیش فرض
زنده: درست // پیش فرض
}
)
wow.init () ؛