-1
A
回答
4
是的,你可以。
這裏是example of snow只有css3。
標記:
<div id="snow">
</div>
和CSS:
body { background-color:#333; }
#snow{
background: none;
font-family: Androgyne;
background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index:1;
-webkit-animation: snow 10s linear infinite;
-moz-animation: snow 10s linear infinite;
-ms-animation: snow 10s linear infinite;
animation: snow 10s linear infinite;
}
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
無論如何,有很多的解決方案。爲什麼不只是谷歌它(想象imgtfy鏈接在這裏,禁止通過stackoverflow)
+0
非常感謝!我做了谷歌它,每次我結束了一個使用js。 – 2014-12-05 08:58:48
3
是的,這是可能的。
這是你可以得到這樣一個問題的最佳答案。
相關問題
- 1. CSS來影響「禮」
- 2. 存儲與出影響安全性
- 3. 影響了我的輸出
- 4. ASP中的服務器端JS影響
- 5. jQuery的翻轉與影響
- 6. jQuery的影響與同名
- 7. 如何阻止js創建邊界來影響其他元素?
- 8. postgresql觸發器與FOR EACH ROW影響不受影響的行
- 9. JS的影響jQuery Mobile的可壓縮集(JS不執行)
- 10. '新'對JS方法有什麼影響?
- 11. tinymce - 調整這js隻影響1 textarea
- 12. Cocoon字段不受JS影響
- 13. 幻影JS配置與InternJS
- 14. extjs影響(slidein滑出)
- 15. js與協會的響應
- 16. 將多核與雪羣結合起來
- 17. Klout中的影響者和影響力
- 18. 溢出-y正在影響溢出-x
- 19. 影響輸出的函數的位置
- 20. 提供邊框塌陷來摺疊會影響溢出隱藏
- 21. 奇怪的影響我jquery我淡出
- 22. 在網絡中畫出點的影響
- 23. JavaFX對彈出問題的影響
- 24. 瞭解「寫輸出」的性能影響
- 25. 淡出對頁面底部的影響
- 26. 影響循環的出列方法(Java)
- 27. 評估出版物的影響
- 28. 陰影效果的影響
- 29. 來自express js的Ajax post響應一直拋出錯誤
- 30. jQuery的影響所有與同一類
應該是可能的 – Hacketo 2014-12-05 08:53:52