共有要素の遷移

私はちょうどより良いネイティブのページトランスションを望んでいました、そして、ブラムスはクロムが何かに取り組んでいるとコメントしました。真新しいリポジトリがあるため、新鮮な熱意があるように見えます。文字通りChrome Canaryでテストできます。

レポはここに移動し、名前が大好きです。 「共有要素」はここでクラッチです。スライドアウト、スライドイン、スターワイプのようなものではなく、個々の要素を新しい場所に移動できるようになりました。ショーンは、サラの記事がこの能力を非常に明確にしていると指摘しました。

ここの現在のreadmeからコードスニペットを本当にクールに削除します。

 function handletransition（）{
  document.documenttransition.prepare（{
    rootransition：「relever-left」、
    期間：300、
    SharedElements：[e1、e2、e3]
  }）then（（）=> {
    Docustomthings（）;
    document.documenttransition.start（{sharedelements：[newe1、newe2、newe3]}）。
      （）=> console.log（ "transition finish"））;
  }）;
}

あなたは共有の象徴を持っている必要はありませんが、あなたはできます、そしてあなたはできるので、彼らはすべてを含む必要があります。 URLなどの更新に対処する必要はないことに注意してください。これは、単一ページのアプリアーキテクチャが機能する必要がないため、自動的に発生するだけです。

奇妙な歴史

私がこれについておしゃべりをしている間、アレックス・リヴィエールは、クロミアム前のエッジには（独自の）ページの移行があると私に指摘しました。

whaaaat。クリスチャン・シェーファーは、私たちがトライデントを失ったときに失ったものを嘆く投稿を持っています：

名前が示すように、このようなフィルターは、私たちが慣れているように突然ページを表示する代わりに、ユーザーをナビゲーション時にページからページにスムーズに遷移します。数字でそれらを参照することで選択できる遷移フィルターの広範なリストがありました。

拭き取り、拭き取り、ランダムに溶け、水平を分割するなど。そして間違いなく「共有要素の遷移」はありません

以上が共有要素の遷移の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。