文章自定义前缀

图片[1]-文章自定义前缀-融果技术
图片[2]-文章自定义前缀-融果技术
图片[3]-文章自定义前缀-融果技术
图片[4]-文章自定义前缀-融果技术

代码放在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%
    }
}
© 转载声明
本文作者:融果技术
温馨提示: 本文最后更新于2024-07-14 19:40:29,某些文章具有时效性,若有错误或已失效,请在下方留言或联系融果技术
供学习和研究使用 请在下载后24小时内删除
文章自定义前缀-融果技术
文章自定义前缀
此内容为付费阅读,请付费后查看
10
限时特惠
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
正规源码
免费安装
付费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 共1条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

随机 取消
昵称表情代码图片