css3背景自动变色代码

   分享自己站点上用于背景自动变色，可设置变色的时间，放在body的样式上

   演示站点：http://www.sdfymj.com/invest/

代码如下：

  

body{/*background-color: #f5f5f5;*/background:  #e74c3c;animation: bg-color 30s infinite;animate-delay:30s;-webkit-animation: bg-color 30s infinite;overflow-x: hidden;overflow-x: hidden;}
@-webkit-keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}
@keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}