IOS不透明度过渡效果不是很好

时间:2013-02-21 11:18:40

标签: html ios css uiwebview webkit

使用CSS和JS为UIWebView制作一些简单的动画;使用Chrome进行测试和调试; 对于使用此样式的动画:

-webkit-transition: opacity 1s ease-out;

将不透明度从0设置为1; 除了动画的最终状态之外,一切看起来都很好,当最后一个动画元素()出现时,页面上的随机文本块会变得更加大胆。 已尝试过不同的解决方案:

-webkit-backface-visibility: hidden;
-webkit-perspective: 1;
-webkit-font-smoothing: antialiased;
opacity: 0.999;

没有任何帮助。

1 个答案:

答案 0 :(得分:0)

在阅读有关动画问题的其他讨论之后,尝试使用此解决方案:

.flick-fix
{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

但是这个类应该应用于行为看起来很奇怪的元素,而不是动画对象;