• 出現
  • ローディング・画面遷移

#loading 023

タブを切り替えのようなシームレスな画面遷移

参考サイトURL
動きの解説

リンクをクリックした際、まるで手前のカードがスライドして奥のカード（別ページ）が現れるような、タブ切り替え風のシームレスな画面遷移です。ページ全体が再読み込みされるチラつきがないため、ユーザーは同じ空間内に留まったまま情報をブラウジングしているような心地よさを感じます。回遊性を高めたいブランドサイトや、アプリライクなUIを目指すサービスサイトに最適です。実装はBarba.js等で非同期通信を行い、GSAPでDOMの出し入れを制御します。