html+css随机变色

html+css随机变色

准备美化一下modown主题,在个人中心找到一个可以变色的地方,想象美好,现实残酷!加上确实不好看,可能颜色没有调试好! 话不多说上教程 案例 HTML代码 <div class="bs"> <p></p> </div> css代码 .bs{ background: #e74c3c...

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

话不多说上教程

案例

HTML代码

<div class="bs">
<p></p>
</div>

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

原文链接:https://www.baijiascw.com/25569.html,转载请注明出处。

0

评论0

蓝奏云下载地址部分地区无法打开,请将“lanzous.com”更改为“lanzoui.com”即可打开下载地址。站内大部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除! 心愿单
没有账号? 注册  忘记密码?

社交账号快速登录