搜尋

首頁  >  問答  >  主體

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

demo

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

ringa_leeringa_lee2768 天前624

全部回覆(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
  • 取消回覆