相机光圈
呼吸快门，用 p5.js 模拟镜头光圈的律动感，适合于网站 Loading 动画等场景这是一款「呼吸快门」动态视觉效果，基于 p5.js 技术实现。灵感来自相机光圈的开合机制——叶片在收缩与展开之间循环，赋予画面一种均匀呼吸的节奏感。闭合时线条向中心聚拢成放射状，舒展时线条随旋转...
层级关系树
纯 CSS 评论回复锚点连接线布局效果这是一款评论回复锚点连接线效果，基于CSS Anchor Positioning技术实现。左侧的竖线能精准地将主帖与所有回复连接起来，无论回复内容有多长、有多少条，连接线都能自动延伸到合适的位置...
雪盖蚊子
GSAP 下雪背景+雪花逐渐覆盖于文字表面动画效果这是一款雪花飘落动画效果，飘落的雪花覆盖于 3D 文字之上，让文字的边缘线条堆砌出毛茸茸的质感，这款动画效果基于CSS+JavaScript技术实现，有种冬日窗花的意境。
数字时钟
基于 React 的“表中有表”矩阵动力学创意数字时钟这是一款极具工业艺术感的数字时钟动效，基于 React 与 CSS 变量控制技术实现。它将传统的数字显示逻辑彻底重构：每一个数字“像素”都是一个独立的模拟表盘，通过成百上千个指针的同步旋转与精...
动态曲线轴
纯 CSS 鼠标滚动驱动线条轨迹绘制动画特效，用CSS打造动态路径引导效果这是一款基于鼠标滚动或者滑动页面驱动的线条轨迹绘制动画效果，基于纯 CSS keyframes结合animation动画技术实现，随着页面滚动，红色节点会沿预设的曲线轨迹移动，同时同步绘制出对应...
苹果表盘
用 CSS+JS 模拟 Apple Watch极简光影表盘视觉特效这是一款极简风格的 Apple Watch 阴影表盘效果，基于CSS+JavaScript技术实现，通过几何线条与渐变阴影营造出立体空间感，视觉上仿佛一块金属面板在光线下自然折角。整体设计干净...
线条阴影
CSS 线条纹理质感文字阴影效果这是一款基于CSS实现的线条阴影效果，通过斜向细线构成文字下方的阴影区域，呈现出类似手绘或技术图纸的视觉风格。相比传统模糊阴影，这种“线状阴影”更具设计感和独特性，适合用于标题、LOGO或需要突...
鼠标操控绳子
GSAP+SVG实现线条随鼠标晃动，松开线条弹性抖动效果这是一款 GSAP+SVG 光标跟随线条抖动效果，基于 GSAP 动画库与 SVG 技术实现，页面中央横放着一条渐变绳子，会跟随鼠标光标的移动产生自然的跟随抖动动画，适用于极简风格网页的装饰元素...
数据卡片
原生CSS+JS实现地滑动式转化率数据仪表盘卡片 UI，轻量、兼容性好、触控体验极佳这是一款可滑动的交互式滑数据仪表盘卡片 UI（图片、文字及走势图），基于原生 HTML5、CSS3 与 JavaScript 技术实现，是移动端优先的数据分析展示组件。，支持手势滑动切换不同时间...
跳动下划线
自定义 SVG 上下跳跃动画“调皮”下划线效果这是一款自定义下划线动画效果，基于SVG与CSS实现，通过动态线条勾勒出文字下方的强调线，能给文字里的重点内容加上灵动的动态下划线（标记文字被一条绿色弓形波浪线轻轻托起，仿佛在传递一种克制却真挚...
火焰螺旋
WebGL 交互式 GLSL 火焰螺旋动效，用鼠标点燃的火焰风暴！这是一款全屏火焰螺旋动画效果，基于WebGL与GLSL着色器技术实现，通过程序化方式生成的动态光效呈现出极具视觉冲击力的火焰漩涡。画面中色彩不断流转，线条如火焰般舞动，中心向外辐射出强烈的能量感...
虫洞动画
Canvas 黑洞隧道动画效果：穿越时空的视觉奇观，用代码打造的数字虫洞！这是一款视觉震撼的 Canvas 黑洞隧道（“虫洞”）动画效果，基于 Canvas + 缓动工具（easingUtils）技术实现，用环形线条与细密光点模拟出穿梭黑洞的沉浸式视觉感，通过层层递进...