CSS 等效于“DrillInNavigationTransitionInfo()”（C# - UWP）？答案

【问题标题】：CSS equivalent of `DrillInNavigationTransitionInfo()` (C# - UWP)?CSS 等效于“DrillInNavigationTransitionInfo()”（C# - UWP）？
【发布时间】：2020-07-05 23:22:35
【问题描述】：

我正在制作一个具有几乎所有 Fluency 功能的 Windows Fluent Design System 样式表。并且流畅度有导航过渡效果：

void Page_ItemClick(object sender, ItemClickEventArgs e)
{
    Frame.Navigate(typeof(Page), pageId, new DrillInNavigationTransitionInfo());
}

DrillInNavigationTransitionInfo() 是我想在 CSS 中重新创建的效果。我该怎么做？我希望它尽可能真实。

【问题讨论】：

标签： javascript c# html css xaml

【解决方案1】：

您可以使用 AnimationMetrics API 来获取转换使用的确切 keysplines，然后在 CSS 中重新创建。

https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/AnimationMetrics

（它将是比例和不透明度的组合）。

【讨论】：