WordPress字母闪动小工具

演示图

需要用到的图

代码

<style>
.hg-yj p span {
font: 700 3.7em/1"Oswald", sans-serif;
letter-spacing: 0;
padding: .25em 0 .325em;
display: block;
margin: 0 auto;
text-shadow: 0 0 80px rgb(255 255 255 / 50%);
background: url(/img/footer-logo-bg.png) repeat-y;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: aitf 80s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
}

.hg-yj {
text-align: center;
}

.hg-yj p {
text-transform: uppercase;
letter-spacing: .5em;
display: inline-block;
}

@-webkit-keyframes aitf {
0% {
background-position: 0% 50%;
}

100% {
background-position: 100% 50%;
}
}
</style>

<div class="b2-widget-box">
<div class="html-widget">
<div class="html-widget-content">
<div class="hg-yj">
<p>
<span>LCGAO</span>
让分享创造价值！
<br><br>
</p>
</div>
</div>
</div>