共享元素过渡

我只是希望能做得更好，而布拉姆斯评论说，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中文网其他相关文章！