维形筑网

让每一个网站
闪闪发光

专注分享网站美化代码与前端特效：鼠标特效、背景动画、滚动条美化、加载动效，全部源码免费开放。

$
浏览全部文章
--篇文章 --行代码 --次阅读 100%免费开源
beauty.js
1// 让网站闪闪发光
2const beautify = () => {
3  addEffect("mouse");
4  addEffect("stars");
5  addEffect("scrollbar");
6};
7
8beautify(); // done
  • 未分类

    彩色滚动条CSS：粉蓝斜纹糖果条（附完整代码） 给浏览器默认那根灰滚动条换个彩色斜纹：蓝底 + 粉色 45° 条纹，糖果条质感，页面一下就有辨识度了。纯 CSS，不用 JS。下面每…

    2026年10月25日
    0
  • 未分类

    顶部渐变条卡片 · 四款变体 · 博客文预览 顶部一道渐变条，比整块渐变背景克制得多，又比纯色边框有记忆点。下面这套卡片共用一个骨架：:before 画顶部渐变线 + transf…

    2026年10月24日
    0
  • 未分类

    一张卡片的高级感，往往就差在顶部那道渐变线上。这段纯 CSS 卡片代码不用一行 JavaScript：用 ::before 伪元素在卡片顶部铺一条玫红渐变条，再用 @keyfram…

    2026年10月22日
    0
  • 未分类

    [codebox lang="css" group="霓虹流光" title="样式（流光+3D）"] [/codebox] [codebox lang="html" group=…

    2026年10月18日
    0
  • 博客页尾元旦装饰代码：纯CSS+JS一键美化你的网站（附完整代码） 未分类

    博客页尾元旦装饰代码：纯CSS+JS一键美化你的网站（附完整代码）

    新年临近，给你的博客网站添一点节日氛围是很多站长的共同想法。一套轻量的元旦装饰代码，既不用改主题结构，也不用装任何插件，把代码整段复制到博客页尾就能让飘雪、灯笼、烟花和金色星尘在你…

    2026年10月14日
    0
  • 博客侧边栏元旦装饰代码：自定义HTML小工具实现新年倒计时（附完整代码） 未分类

    博客侧边栏元旦装饰代码：自定义HTML小工具实现新年倒计时（附完整代码）

    想在博客侧边栏放一个既实用又有节日氛围的新年小工具？一套侧边栏元旦装饰代码就能搞定。它基于自定义HTML小工具实现，把代码粘贴进去，侧边栏就会多出一个红金配色的节日卡片：实时新年倒…

    2026年10月14日
    0
点击查看更多