@fd 淡入 @sl 滑动 @rt 旋转 @sc 缩放 @sp 螺旋 @vb 震动 @pr 透视 @bn 弹跳 @sh 震动 @fl 轻击 @bl 模糊 @sw 秋千 @pop 弹出 @dr 投掷 @sq 压缩 @hb 心跳 @wv 波浪 @gl 发光 1 一次初始化 一次调用在你应用的根部。一个MutationObserver持续监控，因此之后你的框架挂载的任何内容都会自动注册自己。 2 写属性 键 ( @ ) 指明什么在播放，修饰符 ( _ ) 调整它，data-viv-on 指明何时。一切都能组合。每个列表项依次向上滑动。就是这样。键堆叠在一个属性中；修饰符连接到它们调节的键上。点击卡片重新播放，或在游乐场中打开它。加载，出现，悬停，点击和聚焦——一个共享的IntersectionObserver和一小部分委托监听器用于整个页面，无论有多少个元素动画化。触发器参考 悬停我 滚动中 退出动画以承诺的形式解决，冒泡生命周期事件（ vivace:play , vivace:end），以及一个插件API，用于你自己的键和触发器——在运行时或作为SCSS插件。 await Vivace.out(el) — 无闪烁地移除 事件用于将逻辑与动画链式定义Key / 定义Trigger，单文件SCSS插件 prefers-reduced-motion 内置——内容从不隐藏 扩展 vivace 属性通过每个渲染器传递，并且动态挂载的元素会注册自己。从不需要导入包装组件。 HTML Svelte React Vue 在游乐场中链式令牌，实时观看真实页面部分，复制属性——或者将其发送到社区画廊。 尝试游乐场 浏览画廊