کتابخانه محبوب AOS برای ایجاد انیمیشن به هنگام اسکرول صفحات وب
چهارشنبه 20 دی 1396AOS یک کتابخانه مبتنی بر CSS است که به شما اجازه میدهد افکتهای اسکرول انیمیشنی را به صفحه ی وب خود اضافه کنید.
شاید بارها برایتان اتفاق افتاده است که بهنگام اسکرول صفحات وب به سمت پایین، مشاهده کرده باشید که اجزای صفحه با یک انیمیشن زیبا و افکت تصویری قابل تحسین، در صفحه ی وب بارگذاری می شوند و این نه تنها به زیبایی صفحه کمک شایانی می کند بلکه از زاویه دید UX یک حس کاربری خوب نیز به کاربر صفحه منتقل می نماید.
لذا بر آن شدیم که با استفاده از کتابخانه AOS (Animation On Scroll) این رابط گرافیکی را برای اعضای سایت برنامه نویسان توضیح دهیم.
این کتابخانه قابلیت سفارشیسازی بالایی دارد و بسیار کم حجم و سبک بوده، کار با آن آسان است (نصب از طریق CDN) و از همه مهمتر کارایی خوبی دارد.
در ضمیمه این پست، یک نمونه پروژه از حالت های مختلف بکارگیری AOS به همراه فایل اصلی کتابخانه آن در دسترس اعضا خواهد بود.
برای کار با AOS تنها کافیست فایل css و js آن را به صفحه ی وب خود لینک داده و با اعلام کلاس های آن به المان خود، آن را فراخوانی کنید.
برای کار با AOS نیاز به دانش خاصی در حوزه CSS یا JS ندارید.
- Web Design
- 3k بازدید
- 1 تشکر