html自动变色,html+css随机变色

准备美化一下modown主题，在个人中心找到一个可以变色的地方，想象美好，现实残酷！加上确实不好看，可能颜色没有调试好！

话不多说上教程

案例

HTML代码

css代码

.bs{

background: #e74c3c;

animation: bg-color 30s infinite;

animate-delay:30s;

-webkit-animation: bg-color 30s infinite;

overflow-x: hidden;

overflow-x: hidden;

}

[/font]@-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; }

}