底部导航栏
底部导航栏气泡指示器（CSS+JS弧形凹陷动效）这是一款移动端风格的底部导航栏特效，基于 HTML+CSS 与原生 JavaScript 实现。点击任一图标，白色圆形指示器会沿导航条平滑滑动到该位置，两侧由圆角阴影拼出向内凹陷的弧形过渡，像水...
环形菜单
环形展开菜单（CSS+JS弧形滑动指示器）这是一款环形展开快捷导航菜单，基于 HTML+CSS 与原生 JavaScript 实现。点击中央的加号按钮，按钮旋转成叉号并向外扩散出一圈白色底面，八个图标沿圆周依次呈放射状展开；选中某一项时...
CSS 3D火柴盒
纯CSS 3D火柴盒（可拖拽旋转的复古模型）这是一款可交互的 3D 复古火柴盒模型，基于 HTML+CSS 3D 变换与原生 JavaScript 实现。盒身由多个立体面拼搭而成，覆上噪点纸纹与木纹渐变，还原纸板的粗糙手感；侧面磷面带有排...
拟物化UI
深色拟物控制面板 UI：可拖拽旋钮+推子的纯 CSS 质感界面这是一款深色拟物控制面板 UI效果，基于 HTML+CSS+JavaScript 实现，纯 CSS 造型、不依赖任何图片和第三方库。整块面板走的是"碳纤维+金属旋钮"的路子：大号旋钮可以按住拖动...
无限滚照片墙
Three.js 五层视差无限图片墙 — 拖拽惯性滑动，滚轮加速的横向画廊这是一款无限滚动图片墙效果，基于 Three.js 实现。整屏是横向流动的照片，分成五层，越靠前的图越大越亮、跑得越快，越靠后的越小越淡、跑得越慢，叠在一起就有了明显的纵深感。每张图还在轻微上下...
液态玻璃名片
液态玻璃个人名片布局 — 可拖动缩放，CSS+SVG 实现真实折射感这是一款液态玻璃个人名片效果，用 CSS + SVG 滤镜实现，没有依赖任何框架。风景照背景上浮着一张半透明卡片，里面是头像、用户名、仓库数和粉丝数，底下一个关注按钮。
手绘抖动动画
Rough.js 实现手绘线条抖动动画（Line Boil）| Canvas 动态涂鸦效果这是一款手绘风线条抖动（Line Boil）效果，基于 Canvas + Rough.js 技术实现，能够将原本平实的矢量图标实时重绘为充满质感的草图形态。通过持续刷新路径产生微小的随机抖动，巧...
弹窗入场动画
基于纯CSS 3D转换的24种创意弹窗模态框入场动效方案这是一款多维弹窗入场动效效果，基于CSS 3D转换与贝塞尔曲线过渡技术实现，它聚合了翻转、弹跳、3D折纸等24种高流畅度的轻量级模态框交互动画，能在不加载外部重量级JS库的情况下让页面提示组件极...
3D悬停视差卡片
纯CSS鼠标悬停3D视差卡片特效这是一个完全基于纯CSS（无需JavaScript）实现的3D鼠标悬停视差卡片效果。利用CSS的 :hover 伪类配合 transform 与 perspective 属性，当鼠标指针在卡片上...
3D 穿透轮播效果
实现 3D 穿透式鼠标跟随图片滚动轮播效果（HTML+CSS+JS ）这是一款极具创意的 3D 穿透式图片滚动轮播效果，基于 HTML+CSS+JavaScript 技术实现，利用 CSS 3D 变换打造分层空间感，图片流从悬浮的文字卡片后方自然穿透而过，支持鼠标...