【问题标题】:IOS opacity transition not a nice effectIOS不透明度过渡不是很好的效果
【发布时间】:2013-03-14 17:15:13
【问题描述】:

使用 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;

没有任何帮助。

【问题讨论】:

    标签: html ios css uiwebview webkit


    【解决方案1】:

    在阅读了其他关于动画问题的讨论后,尝试使用以下解决方案:

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

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

    【讨论】:

      猜你喜欢
      • 2014-11-05
      • 2017-04-15
      • 1970-01-01
      • 2011-11-24
      • 2021-07-26
      • 2020-05-29
      • 2015-11-08
      • 2015-03-28
      • 2017-06-27
      相关资源
      最近更新 更多