Code Snippets

代码片段

按语言整理的常用片段，搜索标题或代码即可快速定位 — 共 329 条

CSS / CSS3

HTML / HTML5

JavaScript

Node.js

npm

Yarn

Webpack

React

Next.js

Vue.js

jQuery

微信小程序

PHP

ThinkPHP

MySQL

Nginx

Linux

Git

Effects

常用特效

CSS / Canvas 动画效果，参考原站特效合集

炫酷线条背景

Canvas Nest

网页粒子连线背景，鼠标移动可吸引粒子。体积小巧，无需第三方依赖。

GeoPattern

动态背景图

根据字符串哈希自动生成几何背景图，适合按内容展示差异化背景的场景。

CSS Hover

悬停效果

线条展开、背景扫过、形变与边框过渡等常用 Hover 动效合集。

查看全部特效 →

Tools

小工具

手机信息、圆角预览、CSS 小三角等轻量工具

手机信息收集

Device Info

查看窗口尺寸、屏幕参数与 UserAgent 等设备信息，便于移动端调试。

Radius 圆角弧度

Border Radius

按像素或百分比生成 border-radius 预览，快速对比圆角效果。

Arrows CSS 小三角

CSS Triangles

常用 CSS 边框小三角示例，支持自定义边宽与颜色并生成样式。

查看全部工具 →