Zibll主题导航栏加粗,字体美化教程

主题 LOGO 扫光

/* logo 扫光开始 */
/*by:夫子猫-www.fzmao.com*/
.navbar-brand {
	position: relative;
	overflow: hidden;
	margin: 0px 0 0 0px;
}

.navbar-brand:before {
	content: "";
	position: absolute;
	left: -665px;
	top: -460px;
	width: 200px;
	height: 15px;
	background-color: rgba(255,255,255,.5);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: searchLights 6s ease-in 0s infinite;
	-o-animation: searchLights 6s ease-in 0s infinite;
	animation: searchLights 6s ease-in 0s infinite;
}

@-moz-keyframes searchLights {
	50% {
		left: -100px;
		top: 0;
	}

	65% {
		left: 120px;
		top: 100px;
	}
}

@keyframes searchLights {
	40% {
		left: -100px;
		top: 0;
	}

	60% {
		left: 120px;
		top: 100px;
	}

	80% {
		left: -100px;
		top: 0px;
	}
}
/*by:夫子猫-www.fzmao.com*/
/* logo 扫光结束 */

导航栏字体加粗

/*导航栏字体加粗开始*/
/*by:夫子猫-www.fzmao.com*/
ul.nav {font-weight: 700;}
/*by:夫子猫-www.fzmao.com*/
/*导航栏字体加粗结束*/

首页文章列表悬停上浮

首页文章列表悬停上浮/*首页文章列表悬停上浮开始*/
/*by:夫子猫-www.fzmao.com*/
@media screen and (min-width: 980px) {
	.tab-content .posts-item:not(article) {
		transition: all 0.3s;
	}

	.tab-content .posts-item:not(article):hover {
		transform: translateY(-10px);
		box-shadow: 0 8px 10px rgba(255, 112, 173, 0.35);
	}
}
/*by:夫子猫-www.fzmao.com*/
/*首页文章列表悬停上浮结束*/开始
© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容