磁铁感应
Three.js 软体球相互吸引与排斥物理模拟磁铁感应效果，并且带果冻质感弹性碰撞动效这是一款基于 Three.js 实现的软体相互吸引与排斥物理模拟效果。鼠标靠近时，两个球与鼠标箭头之间产生类似于磁铁的排斥感，两个半透明果冻球之间会有磁铁的吸引感，在接触时会产生真实的挤压形变，...
复古显示屏
CSS 复古 CRT 显示器故障效果，RGB 色差扫描线文字动效实现方案这是一款基于纯 CSS 实现的 CRT 老式显示器视觉效果。图中用 ASCII 字符拼出一只猫，叠加青色发光、RGB 通道错位（色差）两层处理，瞬间还原出八九十年代老显示器的那种"坏掉又没完全坏...
落叶飞舞
Canvas 粒子风吹飘落动效——可实时调参的树叶飞舞特效实现方案这是一款基于 JavaScript Canvas 实现的粒子流风吹漂浮动画效果。树叶在画面中随风飘动，每片叶子都有独立的运动轨迹，支持 2D 平面自旋和 3D 翻滚动画，配合湍流扰动，整体观感自...
滚动切换
WebGL 滚动驱动三维场景切换效果——五段几何形态无缝过渡实现方案这是一款基于 WebGL + SDF 光线步进技术实现的滚动联动三维渲染效果。页面滚动即驱动场景演进，依次呈现球体、圆环、立方体、八面体、双环五种几何形态，形态之间连续融合过渡，没有跳切感。配色...
圆弧滑块
GSAP全屏图片弧形自动滚动切换特效 | 景深模糊过渡的高端滑块组件这是一款全屏沉浸式图片切换效果，基于 GSAP + CSS 技术实现。切换时，下一张图片从背景虚化状态逐渐推近、聚焦，同时左侧大字标题跟随流畅过渡，背景色也随内容联动变换——整个过程一气呵成，有...
发光球加载器
两个发光球体运动加载动画 | 高质感CSS Loader特效组件这是一款光球残影小球旋转加载动画效果，基于 CSS 技术实现。两个发光圆球在黑色背景上围绕圆圈互相追逐游走，运动过程中拖出一串半透明残影，模拟出真实的物理运动感，就像长曝光拍到的光源轨迹。三种配...
越轨滑块
会"越轨"的滑块拖动特效（CSS+JS） | 带物理引擎的趣味交互组件这是一款可脱轨的滑动条效果，基于 CSS + JS 技术实现。正常状态下它就是个普通的 MIN/MAX 滑块，蓝紫渐变轨道，拖动显示百分比，规规矩矩。但把滑块拖出两端边界后，它就彻底"不守规矩"...
弧形轮播
纯CSS 向内 3D 弯曲图片自动轮播组件 | 无需JS的沉浸式画廊组件这是一款纯CSS 3D环形自动轮播效果，仅用CSS实现，图片卡片沿弯曲弧形轨道排列，两侧自然透视收缩，中间聚焦突出，呈现出强烈的空间纵深感。难得的是全程不依赖JS驱动动画，代码量极少且注释详尽，...
个性时钟
原生 CSS+JS 实现的竖排时钟特效 | 多风格可切换的创意数字时钟组件这是一款竖排数字时钟效果，基于 CSS + JS 技术实现。时钟将每一位数字纵向排列成列状，整体呈"十字交叉"布局展示当前时间，视觉上颇具设计感。亮点在于内置多套风格皮肤——齿轮时钟、卡片时钟、...
爱情告白
Canvas 情话表白多幕交互页面，情人告白网页专用！这是一款基于 CSS + Canvas 实现的浪漫告白互动效果。深红色背景上漂浮着大量粒子爱心，中央毛玻璃卡片承载着逐幕展开的情书内容，顶部还有一条进度条记录故事推进到哪一步——整体走的是奢华红...
疯狂头像
个性化头像显示 CSS 组件，让头像冲出边框！这是一款基于 CSS 实现的个性化头像组件效果。每个头像以圆形裁切展示，背后衬有黄色波点底盘作为装饰背景，搭配橙红色整体底色，视觉冲击力很强，有种复古波普艺术的味道。头像与波点底盘之间有白色描边...