lvfujun
V2EX  ›  问与答

iPhone 6 手机不兼容 Css3 动画?

  •  
  •   lvfujun · Jan 21, 2015 · 5500 views
    This topic created in 4155 days ago, the information mentioned may be changed or developed.
    animation: spinDisc 3s linear infinite;
    -webkit-animation: spinDisc 3s linear infinite;
    -ms-animation: spinDisc 3s linear infinite;
    -o-animation: spinDisc 3s linear infinite;
    -moz-animation: spinDisc 3s linear infinite;
    -khtml-animation: spinDisc 3s linear infinite;
    @keyframes spinDisc {
    100% {
    transform: rotate(1turn);
    }
    }
    @-webkit-keyframes spinDisc {
    100% {
    transform: rotate(1turn);
    }
    }
    @-ms-keyframes spinDisc {
    100% {
    transform: rotate(1turn);
    }
    }
    @-o-keyframes spinDisc {
    100% {
    transform: rotate(1turn);
    }
    }
    @-moz-keyframes spinDisc {
    100% {
    transform: rotate(1turn);
    }
    }
    @-khtml-keyframes spinDisc {
    100% {
    transform: rotate(1turn);
    }
    }



    手机原带的Safari 和下载的谷歌浏览器都没法执行我写的Css3动画效果.其他安卓手机就可以请大牛分析一下.是不是要什么声明之类的?
    1 replies    2015-01-21 13:27:43 +08:00
    nilennoct
        1
    nilennoct  
       Jan 21, 2015 via iPad
    Valid keyframe lists

    In order for a keyframe list to be valid, it must include rules for at least the times 0% (or from) and 100% (or to) (that is, the starting and ending states of the animation). If both of these time offsets aren't specified, the keyframe declaration is invalid and can't be used for animation.

    If you include properties that can't be animated in your keyframe rules, they get ignored, but the supported properties will still be animated.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2892 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 04:57 · PVG 12:57 · LAX 21:57 · JFK 00:57
    ♥ Do have faith in what you're doing.