子比主题 – 文本超链接美化样式

2025-06-22 0 968

子比主题 – 文本超链接美化样式

代码部署:

[hidecontent type=”reply” desc=”隐藏内容:评论后查看”]

丢到:子比主题–>>自定义CSS样式即可!

@font-face {
    font-family: 'tengfei-font';
    src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'),
      url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'),
      url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype');
   }
   
    .wp-posts-content a:not([class]),.wp-block-list a:not([class]) {
      color: var(--focus-color);
      line-height: 1.15em;
      padding: .1em .35em;
      font-size: max(.75rem,.75em);
      border-radius: 2em;
      background: var(--focus-color-opacity1) linear-gradient(var(--focus-shadow-color) 0 0) no-repeat 100% 100%/0 100% border-box;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      transition: .7s cubic-bezier(.6,.1,0,1),background-position 0s;
      word-break: break-all;
      display: inline-flex;
      align-items: center;
      transform: translateY(-1.15px)
    }
    .wp-posts-content a:not([class]):hover,.wp-block-list a:not([class]):hover {
      color: #fff;
      background-position-x: 0;
      background-size: 100% 100%
    }
    .wp-posts-content a:not([class]):before,.wp-block-list a:not([class]):before {
     content: "\ec7f";
     font-family: 'tengfei-font';
      height: 1.15em;
      display: -webkit-inline-flex;
      display: inline-flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      aspect-ratio: 1;
      margin: 0 0 0 -.3em;
      background: var(--focus-shadow-color);
      border-radius: 50%;
      color: #fff;
      transition: inherit
    }
    .wp-posts-content a:not([class]):hover:before,.wp-block-list a:not([class]):hover:before {
      background: #fff;
      color: var(--focus-color);
      rotate: 45deg;
      scale: .9
    }

 

[/hidecontent]

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

轩玮博客 WordPress 子比主题 – 文本超链接美化样式 http://blog.xuwbk.com/156.html

常见问题

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务