背景圖片實(shí)際上是三張圖片合一,而div只想顯示其中1張,這時目標(biāo)就是:div.width = image.width/3,為了能實(shí)現(xiàn)該效果,將公式進(jìn)行簡單變化就是
image.width = div.width*3,因此將背景圖片拉伸為div寬度的3倍,就可以實(shí)現(xiàn)目標(biāo)了。background-size:300% 100%就是這個意思。
image.width = div.width*3,因此將背景圖片拉伸為div寬度的3倍,就可以實(shí)現(xiàn)目標(biāo)了。background-size:300% 100%就是這個意思。
2015-12-21
http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html
這里講了異步的一些
這里講了異步的一些
2015-12-21
百分?jǐn)?shù)表示移動距離
@keyframes bird-slow{
0%{background-position-x:0%}
100%{background-position-x:-300%}
}
@keyframes bird-slow{
0%{background-position-x:0%}
100%{background-position-x:-300%}
}
2015-12-21