适用于 Flarum 的视图过渡转换动画：View Transition for Flarum
在论坛中四处闲逛时给您多一丝顺滑。
功能
在不同的页面间切换时提供动画过渡，离生硬切换更远一步。
默认情况下是淡入淡出。效果如下（点击图片以跳转到视频源查看）：
对于一般情况，这样足够了。但是，追求完美的您也可以更进一步。
比如试试改成 Google 风格的切换（点击图片以跳转到视频源查看）：
这有多简单？只需要把下面代码放到后台的自定义 CSS/Less 里面！
@keyframes fade-in {
from { opacity: 0; }
}
@keyframes fade-out {
to { opacity: 0; }
}
@keyframes slide-from-right {
from { transform: translateX(30px); }
}
@keyframes slide-to-left {
to { transform: translateX(-30px); }
}
::view-transition-old(root) {
animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
}
::view-transition-new(root) {
animation: 210ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
}
#alerts {
view-transition-name: alerts;
}
.App-composer {
view-transition-name: composer;
}
aside.DiscussionPage-list {
view-transition-name: discussionlist;
}
#header {
view-transition-name: header;
}
（代码修改自 Chrome for Developers 上提供的原始代码，原始代码示例根据 Apache 2.0 许可获得许可）
想要整出自己的一套？去 MDN 文档上看看怎么整。
安装
使用 扩展程序管理器 或通过 composer 手动安装:
composer require dalez/flarum-view-transition:"*"
（目前尚未标记为正式版本，可能需要额外指定参数）
链接
注意事项
也许是全 Flarum 首发了，甚至可能是所有论坛软件中第一个集成的也有可能
