我的动画在IE和Edge中速度较慢/有缺陷
我的动画在IE和Edge中速度较慢/有缺陷
提问于 2016-08-02 21:53:22
我有一些动画，但我注意到，在IE和边缘，我的动画比较慢，其中一个动画是看不见的。它在chrome和Firefox中是很好的。框影是一个根本看不见的阴影。你知道为什么它看不见，为什么它变慢了(看上去不那么光滑)？
@keyframes fadeInAndOut {
17% {
opacity: 1;
box-shadow: 0 0 20px 23px #fff;
}
25% {
opacity: 0;
box-shadow: 0 0 31px 23px #fff;
}
92% {
opacity: 0;
box-shadow: none;
}
}回答 1
Stack Overflow用户
发布于 2016-08-02 22:05:13
- 平顺性:对于CSS动画/转换，您应该始终使用不影响布局的道具：
transform和opacity。您可以使用来动画其他东西，如边距等等，但是执行CSS动画/转换工作的线程与需要重新计算布局的道具不太好。因此，对于框影和其他任何东西，然后转换和不透明使用JavaScript动画. - 不工作动画:关键帧声明中不正确的关键帧规则-可动画值应该始终是数字的(而不是像
none这样的东西)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38731110
复制相关文章
相似问题
腾讯云开发者
