🎅挂件馆🌟铭牌馆✨️靓标库🧚‍♂️名人堂🦄宝可梦🍎水果机🥊猜拳🏧黑市🏧银行💹抽奖
   🎁
👮曝光台📜淘帖🧩导读👛帮助💰️钱包💖关注切换到宽版
  • 首页Portal
  • 社区BBS
  • 圈子
  • 资源
  • 商城
  • 任务
  • 家园Space
  • 排行Ranklist
    • 拍卖
    热搜 周润发 梨花 黑金 子比主题 死亡笔记 克米主题 GitHub 美化教程
    立即注册
    飞流论坛»社区 › 网络中心 › 站长之家 › 子比主题 – 浮动圆点标题样式美化
    返回列表 发布新帖
    查看: 201|回复: 0

    [代码技巧] 子比主题 – 浮动圆点标题样式美化

    [复制链接]
    飞流
    连续签到LV.1
    起源之星
    任务·年会员
    累计签到LV.3
    +2
    00001 FLLTCN
    社区贡献
    344 214 23798
    等级头衔
    Icon组别 : 管理员
    Icon等级 :

    积分成就
       钻石 : 196 颗
       贡献 : 13641 点
       金币 : 4 枚
    Icon在线时间 : 1924 小时
    Icon注册时间 : 2024-11-22
    Icon最后登录 : 2026-7-22

    荣誉勋章

    连续签到LV.1起源之星任务·年会员累计签到LV.3

    送礼物：3 个 收礼物：1 个
    00001 FLLTCN 实名认证 特邀大神 诚信商家 信誉担保 精华作者+ 官方团队 vip vip-year 发表于 2025-10-9 23:48:37 | 查看全部 |阅读模式 浙江金华

    交易无需等待，成交就是现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

    您需要 登录 才可以下载或查看，没有账号？立即注册

    ×
    提前说一下，这篇文章免费放出去，搬运记得留版权谢谢，某些人搬运我就不多说了，毕竟没有良心。本站只有H1和H2标题样式，因为我喜欢用这两个，有用户跟我说想要h1/h2/h3全部都有的浮动圆点，我这里又加了一个H3的一个橙色标题样式，喜欢的自行部署吧！

    tengfei_down - 2025-10-09T234744.173.webp


    代码部署


    将下面的代码直接丢到：子比主题–>>自定义CSS样式即可！

    [hide]
    1. /*腾飞博客浮动圆点标题美化*/
    2. .article-content > .wp-posts-content > h2,
    3. .article-content .wp-posts-content > h1,
    4. .article-content .wp-posts-content > h3 {
    5.     z-index: 1;
    6. }

    8. .article-content > .wp-posts-content > h2:hover::before,
    9. .article-content > .wp-posts-content > h2:hover::after,
    10. .article-content > .wp-posts-content > h1:hover::before,
    11. .article-content > .wp-posts-content > h1:hover::after,
    12. .article-content > .wp-posts-content > h3:hover::before,
    13. .article-content > .wp-posts-content > h3:hover::after {
    14.     transform: scale(1.2) !important;
    15.     transform-origin: center !important;
    16.     transition: 0.4s;
    17. }

    19. .article-content .wp-posts-content h2::before,
    20. .article-content .wp-posts-content h1::before,
    21. .article-content .wp-posts-content h3::before {
    22.     box-shadow: none !important;
    23.     opacity: 0.6 !important;
    24.     border-radius: 50% !important;
    25.     top: -5px !important;
    26.     left: -10px !important;
    27.     z-index: 1;
    28. }

    30. .article-content .wp-posts-content h1::before,
    31. .article-content .wp-posts-content h1::after {
    32.     background: linear-gradient(#409eff, transparent) !important;
    33. }

    35. .article-content .wp-posts-content h2::before,
    36. .article-content .wp-posts-content h2::after {
    37.     background: linear-gradient(#00ff62, transparent) !important;
    38. }

    40. .article-content .wp-posts-content h3::before,
    41. .article-content .wp-posts-content h3::after {
    42.     background: linear-gradient(#ff9800, transparent) !important;
    43. }

    45. .article-content .wp-posts-content h1::before {
    46.     height: 35px !important;
    47.     width: 35px !important;
    48. }

    50. .article-content .wp-posts-content h2::before {
    51.     height: 30px !important;
    52.     width: 30px !important;
    53. }

    55. .article-content .wp-posts-content h3::before {
    56.     height: 25px !important;
    57.     width: 25px !important;
    58. }

    60. .article-content .wp-posts-content h2::after,
    61. .article-content .wp-posts-content h1::after,
    62. .article-content .wp-posts-content h3::after {
    63.     content: "";
    64.     opacity: 0.6;
    65.     position: absolute;
    66.     transition: 0.4s;
    67.     border-radius: 50%;
    68. }

    70. .article-content .wp-posts-content h2::after {
    71.     top: -15px;
    72.     left: 15px;
    73.     width: 10px;
    74.     height: 10px;
    75. }

    77. .article-content .wp-posts-content h1::after {
    78.     top: -13px;
    79.     left: 25px;
    80.     width: 13px;
    81.     height: 13px;
    82. }

    84. .article-content .wp-posts-content h3::after {
    85.     top: -17px;
    86.     left: 12px;
    87.     width: 8px;
    88.     height: 8px;
    89. }
    复制代码
    # 子比主题

    本帖被以下淘专辑推荐:

    路虽远，行则将至；事虽难，做则必成。
    回复 送礼

    使用道具 举报

    相关帖子
    返回列表 发布新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    飞流广播+ 发布

    飞流：这论坛到底有没有资本给我投资一下啊！
    		07-20 22:07
    系统消息：飞流安卓客户端APP已上线，请在QQ群（123129）群文件内获取下载。
    		02-21 02:22
    		01-24 12:40
    站内通告

    📢 六月份后均不在线，请悉知

    提供资源交易、信息共享、靓号交流、技术变现、学习问答、兴趣娱乐等全面服务。

    1.丰富功能系统，扩展社区特色玩法，打造最好的互联网聚集圈子。

    2.准确信息真实交易，安全快捷又方便，让虚拟交易面对面。

    3. 天上不会掉馅饼，话术骗术迷人心，切勿脱离平台线下交易，被骗与平台无关！

    4. 欺诈骗钱，违规违法将视情受到警告&禁言&封号甚至检举至👮🏻‍♀️处理！

    官方Q群：1003810038钉推群：BAYR2383 站长QQ：3388700000

    解锁会员权限

    开通会员

    解锁海量优质VIP资源

    立刻开通
    我的主题
    搜索
    快速回复
    返回列表

    • 下载飞流灵通APP

    • QQ群

    返回顶部

    只需一步极速注册

    数字靓号爱好者聚集地

    资源交易安全省心放心

    原创内容精品资源大放送

    飞流论坛（FLLT.CN），一个专注于资源信息发布、虚拟网络交易、技术学习与娱乐社交的交流平台。

    关于我们

    纪律公约 官联方式 迭代更新 招贤纳士

    常用功能

    活动中心 竞价十榜 推广奖励 下载多端

    服务引导

    帮助中心 麦粉会员 认证中心 点靓UID
    • 钉钉新帖推送群
    • 官方交流QQ群
    • 站长唯一微信号

    💥客户端|🧿小黑屋|📴手机页|飞流网 |网站地图

    GMT+8, 2026-7-22 21:26 , Processed in 0.063201 second(s), 68 queries, MemCached On , Gzip On.

    飞流论坛 HanAnalytics icp

    Copyright © 2024-2026 飞流网 版权所有 All Rights Reserved. X3.5

    快速回复 返回顶部 返回列表