css3背景自动变色代码

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

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

代码如下：

  

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

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; } }