记录CSS动态加载条样式

2018-12-28 亿零 Html/Css/Js


  • <div class="aaa ">
  • <div class="aaa bbb aaa">诗梦博客</div>
  • </div>
  • <style type="text/css">
  • .aaa .aaa.bbb{background#6582c3;}
  • .aaa .aaa{background#d5d6d6;height30px;text-aligncenter;line-height:30px;height:30px;}
  • .aaa .aaa.aaa1{background#d9534f;}
  • .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); background-size40px 40px; -webkit-animation:per-animation 1.5s linear infinite; transition: width .6s ease;}
  • @-webkit-keyframes per-animation{from{background-position:40px 0}to{background-position:0 0}}
  • </style>
  • E2XBDZNGZYV8H7QMHBKF.png

     

    发表评论:

    Powered by emlog 陕ICP备16016230号