0
A
回答
5
原代碼David Walsh - CSS Background Animations
@keyframes animatedBackground {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
#animate-area {
width: 560px;
height: 400px;
background-image: url(https://davidwalsh.name/demo/bg-clouds.png);
background-position: 0px 0px;
background-repeat: repeat-x;
animation: animatedBackground 40s linear infinite;
}
<div id="animate-area"></div>
2
我發佈這個,因爲你說從左到右。 你可以使用這樣的東西。
#horizontal-scroll {
width: 1439px;
height: 1170px;
background: black url(https://assets.periscope.tv/images/map.svg);
-webkit-animation: backgroundScroll 50s linear infinite;
animation: backgroundScroll 50s linear infinite;
}
@-webkit-keyframes backgroundScroll {
from {
background-position: -1439px 0;
}
to {
background-position: 0 0;
}
}
@keyframes backgroundScroll {
from {
background-position: -1439px 0;
}
to {
background-position: 0 0;
}
}
<div id="horizontal-scroll"></div>
+0
感謝,工作,但我怎樣才能使像:https://www.periscope.tv/404(.E:背景圖像)動畫在你的回答中重新開始 –
+0
https://jsfiddle.net/norcaljohnny/eoswn2yv/ –
+0
謝謝,工作像魅力:) –
0
@keyframes customname
{
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
classname
{
background-image: url(Url of tyour file);
width: width of the file;
height: Height of the file;
background-position: 0px 0px;
background-repeat: repeat-x; //Repeating through X axis only
animation: customname 40s linear infinite;
}
相關問題
- 1. HTML5旋轉/動畫背景
- 2. HTML5背景動畫onScroll,最佳實踐
- 3. jQuery中無盡的背景色動畫,如何?
- 4. 快速無盡的滾動背景
- 5. 無盡的背景spritekit
- 6. Bootstrap無盡背景圖片
- 7. HTML5畫布 - 製作帶落金片的動畫背景
- 8. 動畫背景UIImage
- 9. Hikari:背景動畫
- 10. JPanel動畫背景
- 11. colorchange動畫背景
- 12. 無盡的動畫?
- 13. 透明圖像背景HTML5畫布
- 14. 無限背景位置動畫 - jQuery
- 15. jquery:無插件動畫背景位置?
- 16. HTML5和畫布:隨着玩家的移動而移動背景
- 17. 無法做背景顏色的對HTML5的畫布rectange
- 18. Cocos2D。各個方向的無盡背景
- 19. html5進度元素的動畫背景顏色
- 20. 使用jQuery和HTML5數據屬性的動畫背景顏色
- 21. 的WinForms動畫背景
- 22. jQuery:動畫背景圖片
- 23. jquery背景位置動畫?
- 24. iOS中的動畫背景
- 25. 動畫背景圖片
- 26. CSS3動畫泡泡背景
- 27. android動畫菜單背景
- 28. Andengine中的動畫背景
- 29. C#Win Forms背景動畫
- 30. NGIF動畫背景問題
感謝的Oguzhan,偉大工程:) –