手机演示
手机屏360度3D旋转演示动画，纯 CSS 实现手机隐私屏幕（防窥屏）模拟效果这是一款模拟三星 Galaxy S26 Ultra 隐私屏功能的交互效果，基于 CSS ::before 和 ::after 伪元素实现。核心玩法是：鼠标靠近手机时屏幕内容清晰可见，鼠标移开后视...
倾斜悬浮卡片
纯 CSS 实现 3D 倾斜卡片横向画廊这是一款基于纯 CSS 3D 变换实现的横向滚动卡片画廊。默认状态下所有卡片以统一的透视倾斜角度排列，像一排被推倒的多米诺牌，本身就已经很有空间纵深感。悬停时焦点卡片「站直」回正，虚线边框浮现，...
描边卡片
个性波浪动态描边流光卡片，CSS + SVG 动态扭曲边框效果这是一款基于 CSS + SVG 实现的动态边框卡片效果。每张卡片的边框不是普通的直线，而是持续蠕动的波浪曲线，配合外侧的彩色光晕扩散，整体像是卡片在「呼吸发光」。三种配色方案（青色、橙色、紫...
散落卡片
纯 CSS 实现 3D 名片飞散悬浮场景 + 灯箱预览这是一款纯 CSS 实现的 3D 悬浮名片展示效果。多张名片以随机角度散落在一个模拟木地板的三维空间中，带透视感的排列让整个场景有种「刚从桌上洒落」的真实质感。交互分三步走：初始状态名片自然飘散...
人体运动动画
CSS火柴人行走动画：纯样式驱动的骨骼动画这是一款用纯 CSS 实现的火柴人行走循环动画，由多个圆角矩形拼接成人体骨骼结构，通过 CSS 关键帧动画驱动各关节旋转，模拟出自然的走路姿态，还支持行走、旋转两种模式切换，以及颜色和尺寸的实时调节。
流光
纯 CSS 全息故障文字动画效果+3D漂浮流光卡片这是一款全息故障文字动画效果，基于纯CSS技术实现。标题文字带有RGB色彩分离的故障艺术风格，字母边缘会闪现出青色和紫红色的重影，模拟老式电视信号干扰的视觉感。背景卡片则笼罩着一层流动的彩色光晕...
切角分割图库
纯 CSS 可展开式图片画廊切角效果这是一款可展开式图片画廊效果，基于CSS Grid和corner-shape:notch切角技术实现。默认状态下4张建筑图片均匀排列，当鼠标悬停某张图片时，它会立即展开占据更大空间，同时其他图片...
过渡动画
CSS 镂空文本放大过渡到图片效果这是一款文字镂空图片遮罩放大过渡效果,基于CSS技术实现。大号的文字快速变成了"窗口",透过字母能看到下层的图片内容,就像把照片裁切成文字形状一样，转而文字消失，底层图片出现在页面中。这种从文字...
按钮加载特效
CSS 多场景分类卡片+按钮入场动画 - 动态交互式图标网格导航布局这是一款基于纯 CSS 实现的响应式图标卡片导航效果，专为多场景分类入口设计。整个界面采用深色系背景，8个圆角卡片呈4×2网格布局，每个卡片内包含线性图标和对应文字标签。核心亮点在于交互动效以及...
雪花背景
仅一个div结合 react 实现的轻量化飘雪背景动效这是一款沉浸式粒子飘雪背景效果，基于 CSS 布局与 react 计算随机雪花粒子实现。它通过实时计算粒子的位移矢量、随机缩放及透明度变化，在极简的深色画布上模拟出雪花自然降落的随机感与空间层次感。
流动边框
未来感十足的 CSS + SVG 动态能量流动边框效果这是一款赛博霓虹动态流动边框效果，基于 CSS 动画与 SVG 路径偏移技术实现。它通过模拟流体般的色彩渐变与不规则的波纹律动，打破了传统静态边框的沉闷感，为页面注入了一种“能量流动”的视觉生命力。
圣诞树
滑动开关创意圣诞树（CSS+JS）这是一款极具创意的“前端工程师专用”圣诞树交互效果，基于 HTML + CSS + JavaScript 技术实现。它别出心裁地将 UI 设计中常见的“开关按钮（Switch）”作为装饰元素，...