为什么第一个动画出不来啊
.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;
}
}
.birdFly { -webkit-animation: bird-slow 400ms steps(3,start) infinite;}
@-webkit-keyframes bird-slow {
0% {
background-position: -0px 0px;
}
100% {
background-position: -273px 0px;
}
}
@-webkit-keyframes bird-slow {
0% {
background-position: -0px 0px;
}
100% {
background-position: -273px 0px;
}
}
是不是没有引入文件
因为没有引进文件css和JavaScript。