Loading
0

wordpress记录CSS动态加载条样式
被墙跳转TG:@qianhenetwork QQ 851617266

301免备案跳转微信公众号
腾讯云服务器大促销。
华为服务器

记录一下css动态加载条样式随便分享全部代码,效果看下图,动态图看文章低部,已添加左右居中,上下居中样式,如果还不喜欢自己改吧。代码转自诗梦博客。记录CSS动态加载条样式

  1. <div class=“aaa “>
  2. <div class=“aaa bbb aaa”>诗梦博客</div>
  3. </div>
  4. <style type=“text/css“>
  5. .aaa .aaa.bbb{background#6582c3;}
  6. .aaa .aaa{background#d5d6d6;height30px;text-aligncenter;line-height:30px;height:30px;}
  7. .aaa .aaa.aaa1{background#d9534f;}
  8. .aaa .aaa.aaa{background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); backgroundsize40px 40px; -webkit-animation:per-animation 1.5s linear infinite; transition: width .6s ease;}
  9. @-webkit-keyframes per-animation{from{background-position:40px 0}to{background-position:0 0}}
  10. </style>

动态效果图:记录CSS动态加载条样式

301免备案跳转微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://www.zfcdn.xyz/showinfo-19-18631-0.html
亲爱的:被墙域名跳转TG:@qianhenetwork QQ:851617266,可否收藏+评论+分享呢?
上一篇:[自用笔记]利用@media screen实现网页布局的自适应手机端显示导航公告背景
下一篇:Fanly Submit:WordPress 熊掌号/原创保护文章数据提交插件(自用)