# 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也没有什么问题

这样就解决了


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sunzsh.gitbook.io/xiaoshan.bug/keyframes-zai-safari-xia-nong-bu-hao-jiu-hui-dou-dong.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
