[BUG] 在 Chrome v151 中,ClipPath 动画/效果无法渲染
作者: sarussss创建于 2026年8月6日更新于 2026年9月14日
标签bug
页:1 在最新的Google Chrome更新(Version 151.0.7922.76)中,使用Motion的剪接Path效应未能执行或正确渲染. 代码曾经是工作精细的,但在更新到这个最新版本的Google Chrome之后,我遇到了这个错误.
环境
- 包:运动V13.0.0 JavaScript
- 浏览器:Google Chrome 第151.0.7922.76版.
- OS: macOS Tahoe V26.5 (英语).
• 预期行为 元素应当按照定义的运动属性,平稳地将剪接Path CSS属性进行激活。
当前的行为
剪贴板效果不能顺利地转换 。 取而代之的是,它会在整个期间一直锁定在初始值上,然后在动画完成后立即跳到最终值上.
密码
< style> (英语)
框 {
宽:150px;
高度:150px;
背景颜色:蓝色;
边距: 60px 自动;
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
</样式>
<div class="box"> (中文(简体) ). </div> (中文(简体) ).
<script src="https://cdn.jsdelivr.net/npm/motion@latest/dist/motion.js""###/script".
脚本 >
= 运动;
aimate (".box"),{剪贴板: ['inset (0%:0%:0%:100%:100%:100%:10px)',"inset (0%:0%:0%:0%:0%:0%:0%:0%:0%:0:0%:10px)]},{持续时间:5}]
</script> (简体中文)内容来源: motiondivision/motion