5回答

• 

  常过无痕

  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;

          }

      }

  
  

  3 0

  zhongk...

  为什么@-moz-keyframes bird-slow要写那么详细？

  2016-05-06 19:42:33

  共 3 条回复 >

• 

  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;

          }

      }

  
  

  0 0
• 

  GoFn

  2015-12-22 22:03:45

   @-webkit-keyframes bird-slow {

          0% {

              background-position: -0px 0px;

          }

          100% {

              background-position: -273px 0px;

          }

      }

  
  

  1 0

  shrub_...

  我也是这样啊，但是还是没动

  2015-12-22 23:36:10

  共 1 条回复 >

• 

  echo_kinchao

  2015-12-21 14:59:47

  是不是没有引入文件

  0 0
• 

  YouAreBeautiful

  2015-12-21 14:05:53

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

  0 0