7b2美化-底部好看介绍带字母闪动

释放双眼,带上耳机,听听看~!

7b2美化-底部好看介绍带字母闪动


7b2美化-底部好看介绍带字母闪动

附件放到网站根目录

以下代码放到footer.php最上面

<footer id="colophon" class="footer">
	<div class="site-footer">
		<div class="wrapper">
			<div class="site-footer-widget-in">
				<section id="b2-widget-links-2" class="mobile-hidden widget b2-widget-links mg-b b2-radius">
					<div class="b2-widget-title">
						<h2 class="widget-title">关于本站</h2>
					</div>
					<div class="b2-widget-box">
						<ul class="links-widget">
							<li>
								<a target="__blank" class="link-block" href="/about"></a>
								<div class="links-icon">
									<img src="/icon/guanyuwomen.png" />
								</div>
								<div>
									<h2>关于我们</h2>
									<p>了解我们做站初衷</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/disclaimer"></a>
								<div class="links-icon">
									<img src="/icon/mianzeshengming.png" />
								</div>
								<div>
									<h2>免责声明</h2>
									<p>浏览前仔细阅读本站声明</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/user-agreement"></a>
								<div class="links-icon">
									<img src="/icon/yonghuxieyi.png" />
								</div>
								<div>
									<h2>用户协议</h2>
									<p>注册前仔细阅读本站协议</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/requests"></a>
								<div class="links-icon">
									<img src="/icon/jianyifankui.png" />
								</div>
								<div>
									<h2>提交建议</h2>
									<p>在线提交问题建议</p>
								</div>
							</li>
						</ul>
					</div>
				</section>
				<section id="b2-widget-links-3" class="mobile-hidden widget b2-widget-links mg-b b2-radius">
					<div class="b2-widget-title">
						<h2 class="widget-title">我的菜单</h2>
					</div>
					<div class="b2-widget-box">
						<ul class="links-widget">
							<li>
								<a target="__blank" class="link-block" href="/vips"></a>
								<div class="links-icon">
									<img src="/icon/VIP.png" />
								</div>
								<div>
									<h2>开通会员</h2>
									<p>开通会员享受更多权限资源</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/category/jf-feature"></a>
								<div class="links-icon">
									<img src="/icon/jifen.png" />
								</div>
								<div>
									<h2>积分专区</h2>
									<p>一大波积分资源下载</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/shop"></a>
								<div class="links-icon">
									<img src="/icon/gouwuche.png" />
								</div>
								<div>
									<h2>本站商城</h2>
									<p>查看本店的最新商品</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/ly"></a>
								<div class="links-icon">
									<img src="/icon/liuyan.png" />
								</div>
								<div>
									<h2>在线留言</h2>
									<p>既然都来了请留下您的脚印</p>
								</div>
							</li>
						</ul>
					</div>
				</section>
				<section id="b2-widget-links-4" class="mobile-hidden widget b2-widget-links mg-b b2-radius">
					<div class="b2-widget-title">
						<h2 class="widget-title">站长合作</h2>
					</div>
					<div class="b2-widget-box">
						<ul class="links-widget">
							<li>
								<a target="__blank" class="link-block" href="/sqlinks"></a>
								<div class="links-icon">
									<img src="/icon/lianjie.png" />
								</div>
								<div>
									<h2>申请友链</h2>
									<p>网站IT互联网相关链接交换</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/advertise"></a>
								<div class="links-icon">
									<img src="/icon/hezuo.png" />
								</div>
								<div>
									<h2>广告合作</h2>
									<p>广告服务欢迎投放共创双赢</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/write"></a>
								<div class="links-icon">
									<img src="/icon/wenzhang.png" />
								</div>
								<div>
									<h2>文章创作</h2>
									<p>提供优秀的文章创作与分享</p>
								</div>
							</li>
							<li>
								<a target="__blank" class="link-block" href="/distribution"></a>
								<div class="links-icon">
									<img src="/icon/tuiguang.png" />
								</div>
								<div>
									<h2>推广中心</h2>
									<p>推广分享文章链接获取收益</p>
								</div>
							</li>
						</ul>
					</div>
				</section>
				<section id="b2-widget-html-3" class="mobile-hidden widget b2-widget-html mg-b b2-radius">
					<div class="b2-widget-title">
						<h2 class="widget-title">关注我们</h2>
					</div>
					<div class="b2-widget-box">
						<div class="html-widget">
							<div class="html-widget-content">
								<div class="hg-yj">
									<p>
										<span>MUZIZ.CN</span> 木子资源屋(www.muziz.cn)一个关注网络资源分享,建站技术教程经验,网站源码,技术教程,免费活动等精品资源的独立个人博客网站。
										<br>
										<br>
									</p>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</div>

以下代码放到css样式

/*底部字母闪动*/
 .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(/icon/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;
}
/* Animate Background Image */
 @-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

本文来自:小狐狸资源网

 
若下载地址失效请在下方留言或联系客服

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
7b2

7b2美化-列表文章上浮效果

2022-9-16 0:02:42

7b2

7b2美化-添加好看的底线

2022-9-18 21:53:28

3 条回复 A文章作者 M管理员
  1. 大林

    尝试下

  2. Vahxヾ

    牛逼大佬

  3. 吾爱资源

    2022-9-16 0:02:42

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
目录