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; } }
千行代码,Bug何处藏。 纵使上线又怎样,朝令改,夕断肠。