转动
在 Turbo 应用程序中动画页面转换的起点。 注意:这是实验性的,目前需要 Turbo v7.0.0-rc.1。
基本用法
将turn.js和turn.css复制到您的项目中,并在构建 JavaScript 和 CSS 时包含它们
将data-turn-enter和data-turn-exit到要设置动画的元素
在您的应用程序 JavaScript 文件中调用Turn.start()
在页面之间导航…… :sparkles:
自定义动画
自定义动画有两种方式:
1. 通过html.turn-exit / html.turn-enter范围 CSS
Turn 在适当的时候将turn-exit和turn-enter类添加到HTML 元素中。 通过使用此选择器确定动画规则的范围来应用您自己的动画。 例如:
html . turn-exit [ data-turn-exit ] {
anima
2021-07-23 18:03:34
6KB
HTML
1