WordPress字母闪动小工具

Tosscat Wordpress评论224字数 767阅读2分33秒阅读模式

WordPress字母闪动小工具

需要用到的图

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>

Tosscat
  • 本文由 发表于 2022年5月29日 21:07:11
  • 转载请务必保留本文链接:https://www.zhetengmao.com/1876.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: