نحوه افزودن انیمیشن های پیمایش در Webflow ، WordPress و Squarespace – راه آسان

انیمیشن های پیمایش می توانند وب سایت شما را پویا و جذاب کنند ، اما اضافه کردن آنها در سیستم عامل هایی مانند Webflow ، WordPress و Squarespace می تواند مشکل باشد. در حالی که این سیستم عامل ها برخی از ابزارهای انیمیشن داخلی را ارائه می دهند ، اغلب با محدودیت هایی همراه هستند. چه می شود اگر بتوانید انیمیشن های پیمایشی سبک ، انعطاف پذیر و با کارایی بالا را با حداقل تلاش کنید؟

این جایی است که trig.js وارد می شود! به عنوان توسعه دهنده Trig.js، من به شما نشان می دهم که چگونه می توانید انیمیشن های پیمایش را به Webflow ، WordPress و Squarespace اضافه کنید – بدون اینکه به افزونه های نفخ یا JavaScript پیچیده بپردازید.

📌 چرا از Trig.js برای انیمیشن های پیمایش استفاده می کنید؟

1. سبک و سریع

بیشتر کتابخانه های انیمیشن به جاوا اسکریپت بسیار متکی هستند و منجر به مشکلات عملکرد می شوند. trig.js دارای CSS است، به معنای مرورگر انیمیشن ها را به صورت بومی با شتاب سخت افزاری برای انیمیشن های صاف و سریع.

2. تنظیم آسان – هیچ برنامه نویسی لازم نیست

افزودن انیمیشن ها به سادگی استفاده است کلاسهای trig.js:

 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/trig-js/src/trig-animations.min.css">
"https://cdn.jsdelivr.net/npm/trig-js/src/trig.min.js">

 class="trig-fade enable-trig">
     class="trig-target">.trig-fade

3. روی هر سیستم عامل کار می کند

این که آیا شما از Webflow ، WordPress یا Squarespace استفاده می کنید ، Trig.js یکپارچه کار می کند– فقط اسکریپت را درج کنید و انیمیشن ها را برای عناصر خود اعمال کنید.

🏗 افزودن انیمیشن های پیمایش به Webflow

WebFlow دارای انیمیشن های ساختاری داخلی است ، اما می توانند در سفارشی سازی و عملکرد محدود باشند. در اینجا نحوه اضافه کردن trig.js در عوض:

1. شامل Trig.js در Webflow

• Webflow's را باز کنید رمز سفارشی بخش
• این را قبل اضافه کنید