توسعه فرانت‌اند

CSS View Transitions API: انتقال بین صفحات

View Transitions API انتقال نرم بین صفحات را بدون SPA ممکن می‌کند. مثل انتقال‌های اپ‌های بومی.

1404/12/23 1 دقیقه مطالعه 1,061 بازدید

View Transitions API انتقال نرم بین صفحات را بدون SPA ممکن می‌کند. مثل انتقال‌های اپ‌های بومی.

نحوه کار

document.startViewTransition() اسنپ‌شات DOM قدیم و جدید می‌گیرد و بین آنها انیمیشن اجرا می‌کند.

  • startViewTransition()
  • ::view-transition-old
  • ::view-transition-new

کاربردها

انتقال بین صفحات MPA، انیمیشن تغییر لیست و morphing بین حالت‌ها.

جمع‌بندی

View Transitions تجربه اپ بومی را به وب می‌آورد.

واکنش به این مقاله

اشتراک‌گذاری این مقاله:
دیدگاه‌ها 0
۰ / ۲۰۰۰

هنوز دیدگاهی ثبت نشده

اولین نفری باشید که نظر می‌دهد!