共享元素過渡

我只是希望能做得更好，而布拉姆斯評論說，Chrome正在研究某件事。看起來它具有新鮮的熱情，因為有一個全新的回購，您可以在Chrome Canary中對其進行測試。

倉庫被移到這裡，我喜歡這個名字。 “共享元素”在這裡離合器。它不僅像滑行，滑入或星星擦拭一樣，還可以將單個元素移至新地方。肖恩指出，莎拉（Sarah）的文章使這一能力非常清楚：

我將在此處從當前讀數中刪除代碼片段，因為它非常酷：

功能手機（）{
  document.documentTransition.prepare（{
    roottransition：“露面”，
    持續時間：300，
    共享儀式：[E1，E2，E3]
  }）。然後（（）=> {
    DocustomThings（）;
    document.documentTransition.start（{sharedElements：[newe1，newe2，newe3]}）。
      （）=> console.log（“過渡完成”）;
  }）;
}

您不必擁有共享元素，但是您可以，目前它們都需要包含：通過CSS將油漆應用於它們。請注意，您不必處理更新URL或其他任何內容，這會自動發生（我想？），因為這不需要單頁應用程序架構才能工作。

奇怪的歷史

當我談論這個問題時，亞歷克斯·里維耶（Alex Riviere）向我指出，冠軍的Edge（專有）頁面過渡：

 <meta http-equiv="“" page-enter content="“" drabetrans>

whaaaat。克里斯蒂安·謝弗（Christian Schaefer）哀嘆我們失去了三叉戟時的失落：

顧名思義，這種過濾器會在導航時將用戶順利地將用戶順利過渡到頁面，而不是像我們過去那樣突然出現頁面。您可以通過數字引用它們可以選擇的大量過渡過濾器列表：

擦拭，向下擦拭，隨機溶解，水平分裂等。但是，沒有星星擦拭，令人難以置信。絕對沒有“共享元素過渡”

以上是共享元素過渡的詳細內容。更多資訊請關注PHP中文網其他相關文章！