-moz-animation-name: bird-slow;
-moz-animation-duration: 400ms;
-moz-animation-timing-function: steps(3,start);
-moz-animation-iteration-count: infinite;
@keyframes bird-slow{
0%{background-position: -0px;}
100%{background-position: -300%;}}
-moz-animation-duration: 400ms;
-moz-animation-timing-function: steps(3,start);
-moz-animation-iteration-count: infinite;
@keyframes bird-slow{
0%{background-position: -0px;}
100%{background-position: -300%;}}
2016-04-25
然后上代碼:
.birdFly{
animation: bird-slow 400ms steps(3,start) infinite;
-moz-animation: bird-slow 400ms steps(3,start) infinite;}
@keyframes bird-slow {
0%{background-position: 0px 0px;}
100%{background-position: -273px 0px;}}
.birdFly{
animation: bird-slow 400ms steps(3,start) infinite;
-moz-animation: bird-slow 400ms steps(3,start) infinite;}
@keyframes bird-slow {
0%{background-position: 0px 0px;}
100%{background-position: -273px 0px;}}
2016-04-25
首先要說(shuō)明的是原來(lái)的題目有兩個(gè)問(wèn)題:
問(wèn)題1:background: url(http://img1.sycdn.imooc.com//55ade1700001b38302730071.png); ← 這里少了一個(gè)分號(hào)導(dǎo)致無(wú)法執(zhí)行。
問(wèn)題2:實(shí)例寫法 0% {background-position-x: -0px} 這里的-x目的是為了標(biāo)明后面px值代表X軸。但這個(gè)-x瀏覽器不支持。
所以換一種寫法0% {background-position: -0px 0px;} 注意這里加不加分號(hào)隨便,多個(gè)屬性時(shí)要加。
問(wèn)題1:background: url(http://img1.sycdn.imooc.com//55ade1700001b38302730071.png); ← 這里少了一個(gè)分號(hào)導(dǎo)致無(wú)法執(zhí)行。
問(wèn)題2:實(shí)例寫法 0% {background-position-x: -0px} 這里的-x目的是為了標(biāo)明后面px值代表X軸。但這個(gè)-x瀏覽器不支持。
所以換一種寫法0% {background-position: -0px 0px;} 注意這里加不加分號(hào)隨便,多個(gè)屬性時(shí)要加。
2016-04-25
從jQuery 1.7開始,one()函數(shù)的用法和on()函數(shù)是完全一致的,只不過(guò)通過(guò)one()函數(shù)綁定的都是一次性的事件處理函數(shù)。
2016-04-22