网站底部备案号炫彩字体美化教程

美化演示

正常的ICP备案信息展示太难看了，这款炫彩字体的备案代码百搭各种页面，美观大气。效果看本站底部

使用教程

首先在自定义CSS样式中添加以下代码：

.by-p {
		font-weight: 600;
		color: #8c888b;
		background: -webkit-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
		background: -moz-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
		background: -ms-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
		color: transparent;
		-webkit-background-clip: text;
		animation: ran 20s linear infinite;
	}
	@keyframes ran {
		from {
			background-position: 0;
		}
		to {
			background-position: 2000px 0;
		}
	}

然后在底栏相应位置添加以下代码即可：

<a href="http://beian.miit.gov.cn/"  rel="external nofollow" >width="23px"><img src = "" ></img> <span class="by-p">豫ICP备XXXXXXXXXX号</span></a>