问答详情
源自:3-2 关键帧动画

动画没动??

为什么第一个动画出不来啊

提问者:疯狂的你我他 2015-12-21 11:57

个回答

  • 常过无痕
    2015-12-24 15:45:29

    .birdFly {

            /*写法1*/

            -moz-animation: bird-slow 400ms steps(1,start) infinite;

            

            /*写法2*/

            -webkit-animation-name: bird-slow;

            -webkit-animation-duration: 400ms;

            -webkit-animation-timing-function: steps(3);

            -webkit-animation-iteration-count: infinite;

            

            

        }

        @-webkit-keyframes bird-slow{

            0%{

                background-position:-0px 0px;

            }

            100%{

                background-position:-273px 0px;

            }

        }

        

        @-moz-keyframes bird-slow{

            0%{

                background-position:-182px 0px;

            }

            50%{

                background-position:0px 0px;

            }

            75%{

                background-position:-91px 0px;

            }

            100%{

                background-position:-182px 0px;

            }

        }


  • koinhug
    2015-12-23 03:54:00

     .birdFly { -webkit-animation: bird-slow 400ms steps(3,start) infinite;}

    @-webkit-keyframes bird-slow {

            0% {

                background-position: -0px 0px;

            }

            100% {

                background-position: -273px 0px;

            }

        }


  • GoFn
    2015-12-22 22:03:45

     @-webkit-keyframes bird-slow {

            0% {

                background-position: -0px 0px;

            }

            100% {

                background-position: -273px 0px;

            }

        }


  • echo_kinchao
    2015-12-21 14:59:47

    是不是没有引入文件

  • YouAreBeautiful
    2015-12-21 14:05:53

    因为没有引进文件css和JavaScript。