演示

纸间文库博客

上代码

<div class="aaa ">
<div class="aaa bbb aaa">纸间文库</div>
</div>
<style type="text/css">
.aaa .aaa.bbb{background: #B71C1C; // 可更换背景颜色 }
.aaa .aaa{background: #d5d6d6;height: 30px;text-align: center;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-size: 40px 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>