CoreNext 主题美化：彩虹分割线美化

之前好软猫更新过一款分割线美化代码，但因与其他美化样式冲突而失效，后来便暂时移除了。如今重新启用分割线功能，并带来全新升级的彩虹分割线美化代码。该样式色彩绚丽、兼容性强，适配 CoreNext 主题，可直接用于文章或页面中，为内容增添活力与视觉层次感。

效果演示

彩虹分割线代码

/*分割线美化 _ 好软猫 www.haoruanmao.com*/ hr { border: 0; /* 清除默认边框*/ height: 2px; /* 设置高度*/ background: linear-gradient(to right, #4285f4, #34a853, #fbbc05, #ea4335); /* 使用渐变颜色作为背景*/ margin: 20px 0; /* 设置上下边距*/ background-size: 400% 100%; /* 添加背景尺寸*/ animation: colorChange 4s linear infinite; /* 添加动画效果*/ } @keyframes colorChange { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } /*分割线美化 _ 好软猫 www.haoruanmao.com*/

更多推荐

CoreNext 主题美化教程合集