body.css 901 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @-webkit-keyframes animate-cloud {
  2. from {
  3. background-position: 600px 100%;
  4. }
  5. to {
  6. background-position: 0 100%;
  7. }
  8. }
  9. @-moz-keyframes animate-cloud {
  10. from {
  11. background-position: 600px 100%;
  12. }
  13. to {
  14. background-position: 0 100%;
  15. }
  16. }
  17. @-ms-keyframes animate-cloud {
  18. from {
  19. background-position: 600px 100%;
  20. }
  21. to {
  22. background-position: 0 100%;
  23. }
  24. }
  25. @-o-keyframes animate-cloud {
  26. from {
  27. background-position: 600px 100%;
  28. }
  29. to {
  30. background-position: 0 100%;
  31. }
  32. }
  33. html{
  34. height: 100%;
  35. }
  36. body{
  37. background:url(../images/cloud.jpg) 0 bottom repeat-x #049ec4;
  38. -webkit-animation: animate-cloud 20s linear infinite;
  39. -moz-animation: animate-cloud 20s linear infinite;
  40. -ms-animation: animate-cloud 20s linear infinite;
  41. -o-animation: animate-cloud 20s linear infinite;
  42. animation: animate-cloud 20s linear infinite;
  43. width: 100%;
  44. height: auto;
  45. }