keyframes在safari下弄不好就会抖动？

• 抖音：https://v.douyin.com/iUBMNPag/

• B站：https://www.bilibili.com/video/BV1hCY7eVEnD/

大家没有发现这个扩散的动画

每次它会抖一下

我发现这个问题

它只是在Safari里边有问题啊

我们看Chrome就很平滑

就没有任何问题

然后这个问题呢

找了很久

最后发现原因其实很简单

就是在Safari里边哈

这个0%和100%这个动画尽量是一样的

比如说现在这个问题

在Safari里边之所以有问题

是它从100%过渡到0的时候不是很平滑

所以呢我们这样

我们把原来的0%先复制出一份来

好然后把这个0% 100%写在一起

让他们都小一点

然后都是透明的效果

然后原来的0%呢

把它变成10%

然后原来的100%呢

把它变成90%

然后我们再试一下啊

大家看 是Chrome没有什么问题

我们再看Safari

OK也没有什么问题

这样就解决了