效果如下
css代码如下,免费版的放在主题的style.css文件,pro放在子主题即可!
注:本站大部分css来源于阿曼君博客!
/*底部申请友情链接按钮美化*/
.friend-links-apply {
padding: 5px 10px;
color: white !important;
text-decoration: none;
border-radius: 50px;
background: linear-gradient(to right, #fd0808, #df05ed);
background-size: 200% auto;
animation: flowingGradient 3s ease-in-out infinite;
opacity: 1;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
filter: brightness(130%);
}
.friend-links-apply:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
@keyframes flowingGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}