کتابخانه محبوب AOS برای ایجاد انیمیشن به هنگام اسکرول صفحات وب

چهارشنبه 20 دی 1396

AOS یک کتابخانه مبتنی بر CSS است که به شما اجازه می‌دهد افکت‌های اسکرول انیمیشنی را به صفحه ی وب خود اضافه کنید.

کتابخانه محبوب AOS  برای  ایجاد انیمیشن به هنگام اسکرول صفحات وب

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

لذا بر آن شدیم که با استفاده از کتابخانه AOS  (Animation On Scroll)  این رابط گرافیکی را برای اعضای سایت برنامه نویسان توضیح دهیم.

 این کتابخانه قابلیت سفارشی‌سازی بالایی دارد و بسیار کم حجم و سبک بوده، کار با آن آسان است (نصب از طریق CDN) و از همه مهمتر کارایی خوبی دارد.

در ضمیمه این پست، یک نمونه پروژه از حالت های مختلف بکارگیری AOS  به همراه فایل اصلی کتابخانه آن در دسترس اعضا خواهد بود.

برای کار با AOS  تنها کافیست فایل css و  js  آن  را به صفحه ی وب خود لینک داده و با اعلام کلاس های آن به المان خود، آن را فراخوانی کنید.

برای کار با AOS  نیاز به دانش خاصی در حوزه CSS  یا JS  ندارید.

فایل های ضمیمه

AmirGhasemi

نویسنده 7 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید