在iOS上忽略关键帧中不可设置动画的属性

我知道不可设置动画的属性不会在动画中插值，但是，我的理解是，这些值至少（突然）被计算出来

因此，例如，假设我想将溢出属性（不可设置动画，即）从

hidden

设置为

visible

——我希望计算值会相应地改变

（我试着在列表中查找，但找不到明确提到的内容）

这实际上是在Chrome和Firefox中发生的，但不是在iOS上

。制作动画{
边框：5px纯绿色；
宽度：200px；
高度：100px；
动画：3s；溢出；
}
@关键帧重置溢出{
从{
溢出：隐藏；
颜色：红色；
}
到{
溢出：可见；
颜色：绿色；
}
}

---

Lorem Ipsum只是印刷和排版行业的虚拟文本。从16世纪开始，当一个不知名的印刷商拿起一个印刷工具，把它拼凑成一本字体样本书时，Lorem Ipsum就一直是行业标准的虚拟文本。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在中流行，请根据以下答案尝试应用浏览器前缀：

。制作动画{
边框：5px纯绿色；
宽度：200px；
高度：100px；
-webkit动画：3s重置溢出；
动画：3s；溢出；
}
@-webkit关键帧重置溢出{
从{
溢出：隐藏；
颜色：红色；
}
到{
溢出：可见；
颜色：绿色；
}
}
@关键帧重置溢出{
从{
溢出：隐藏；
颜色：红色；
}
到{
溢出：可见；
颜色：绿色；
}
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。从16世纪开始，当一个不知名的印刷商拿起一个印刷工具，把它拼凑成一本字体样本书时，Lorem Ipsum就一直是行业标准的虚拟文本。它有

---

不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在中流行起来，不幸的是，浏览器前缀不是这里的问题。请注意，颜色属性会更改，但溢出属性不会更改。（在iOS上——safari、iphone等）是的，这是一个bug。插值规则在css转换中。