찾다

 >  Q&A  >  본문

html - 电脑css3动画可以执行,手机基本不行,为什么,求救

demo

可以查看源代码,代码不多的,用手机和电脑浏览,注意那个充电头的动画

ringa_leeringa_lee2784일 전630

모든 응답(3)나는 대답할 것이다

  • 大家讲道理

    大家讲道理2017-04-17 11:27:10

    我测试了一下,
    魅族note2上UC,火狐,chrome,魅族自带浏览器均有动画。
    只有手机Opera没有动画。
    lz可以试一下加上针对不同浏览器的css前缀补全。
    或者在meta里加上浏览器打开h5模式的标识。

    회신하다
    0
  • 天蓬老师

    天蓬老师2017-04-17 11:27:10

    最好加上浏览器兼容前缀 你的代码transition: all 5s linear 1s; ,如果你是用在webkit内核的浏览器,最好这样写

    -webkit-transition: all 5s linear 1s;
    transition: all 5s linear 1s;

    회신하다
    0
  • 高洛峰

    高洛峰2017-04-17 11:27:10

    在移动端要出发 gpu 使用 css3的 3d效果 触发 并且不要使用jquery等js的运动 性能会有明显提升

    회신하다
    0
  • 취소회신하다