انیمیشنهای مبتنی بر اسکرول حالا بومی CSS هستند و نیاز به JavaScript برای این کار از بین رفته است.
نحوه استفاده
با scroll-timeline و view-timeline میتوانید انیمیشنهایی بسازید که با اسکرول کاربر حرکت کنند. عملکرد ۶۰fps بدون هیچ JS.
- animation-timeline: scroll()
- animation-timeline: view()
- عملکرد ۶۰fps تضمینشده
کاربردهای عملی
نوار پیشرفت خواندن، افکتهای parallax، fade-in المانها هنگام ورود به viewport و دهها افکت دیگر بدون یک خط JavaScript.
جمعبندی
CSS Scroll Animations یکی از هیجانانگیزترین قابلیتهای جدید CSS است که تجربه کاربری را متحول میکند.
هنوز دیدگاهی ثبت نشده
اولین نفری باشید که نظر میدهد!