供学习和研究使用 请在下载后24小时内删除
![图片[1]-文章自定义前缀-融果技术](https://www.rgblog.cn/wp-content/uploads/2024/07/20240714193450205-b0815fa9850d796efdd795b0101931be_20240609155036508-image-38.jpg)
![图片[2]-文章自定义前缀-融果技术](https://www.rgblog.cn/wp-content/uploads/2024/07/20240714193500555-df56bd53985e77a0fdd43bed1f1c3967_20240609155046207-image-39.jpg)
![图片[3]-文章自定义前缀-融果技术](https://www.rgblog.cn/wp-content/uploads/2024/07/20240714193508985-31001e5b43fb911b7231dfefea50b3c1_20240609155055596-image-40.jpg)
![图片[4]-文章自定义前缀-融果技术](https://www.rgblog.cn/wp-content/uploads/2024/07/20240714193523873-6756b1ef3ca63a68da97d1c72f06de7a_20240609155105139-image-41.jpg)
代码放在functions.php
下或func.php
css
.DearLicy_prefix{
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
border-radius: 5px;
padding: 5px 4px;
margin-right: 3px;
height: 19px;
font-size: 12px;
top: -3px;
clip-path: polygon(7% 0, 99% 0, 93% 100%, 0 100%);
}
.DearLicy_prefix:after, .DearLicy_prefix:after {
position: absolute;
content: " ";
display: block;
left: -100%;
top: -5px;
width: 15px;
height: 145%;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
animation: sweepTitle 3s ease-in-out infinite;
transform: rotate(28deg);
}
@keyframes sweepTitle {
0% {
left: -100%
}
100% {
left: 100%
}
}
© 版权声明
THE END
- 最新
- 最热
只看作者