弧形轮播
纯CSS 向内 3D 弯曲图片自动轮播组件 | 无需JS的沉浸式画廊组件这是一款纯CSS 3D环形自动轮播效果，仅用CSS实现，图片卡片沿弯曲弧形轨道排列，两侧自然透视收缩，中间聚焦突出，呈现出强烈的空间纵深感。难得的是全程不依赖JS驱动动画，代码量极少且注释详尽，...
手机演示
手机屏360度3D旋转演示动画，纯 CSS 实现手机隐私屏幕（防窥屏）模拟效果这是一款模拟三星 Galaxy S26 Ultra 隐私屏功能的交互效果，基于 CSS ::before 和 ::after 伪元素实现。核心玩法是：鼠标靠近手机时屏幕内容清晰可见，鼠标移开后视...
简约时钟
两款拟物指针模拟时钟组件（SASS + TS）这是一款基于 SASS + TypeScript 实现的实时指针时钟组件，提供两种表盘风格：上方是极简现代款，阿拉伯数字配细刻度，干净利落；下方是复古机械款，罗马数字加厚边框，中心还原了机芯摆轮...
早安打工人
字母螺旋扩散动画效果（CSS+JS+SVG），早安崩溃的小浣熊动效这是一款基于 SVG + CSS + JS 实现的文字粒子扩散动画，代码实现了字母"A"沿螺旋轨迹向外飞散，大小渐变、间距疏密有序，配合尖叫浣熊的插画形象，把"早安崩溃"的打工人心态表现得活灵活...
固定导航栏
CSS 滚动感知吸顶导航 + 动态锚点指示器这是一款基于 CSS container-type: scroll-state + anchor-positioning + :target-current 实现的智能吸顶导航效果，无需 JS ...
瀑布流布局
完全支持响应式的瀑布流布局效果，仅用 CSS 的 column-count 属性实现这是一款瀑布流图片排列效果，仅用 CSS 的 column-count 属性实现，无需任何 JavaScript 布局计算。图片按列自动填充，高低错落、排列自然，还内置了序号显示开关方便调试，并...
圆环加载器
纯 CSS 轻量级几何变形加载Loading动画效果这是一款几何变形加载动画效果，基于纯CSS技术实现。小圆点会在螺旋、圆环、花瓣等多种几何图案间流畅变换，每种形态都有独特的视觉韵律。整个动画通过flexbox居中布局，使用vmin单位让尺寸智能...
层级关系树
纯 CSS 评论回复锚点连接线布局效果这是一款评论回复锚点连接线效果，基于CSS Anchor Positioning技术实现。左侧的竖线能精准地将主帖与所有回复连接起来，无论回复内容有多长、有多少条，连接线都能自动延伸到合适的位置...
照片预览
原生 JavaScript 简约灯箱图片预览组件这是一款图片灯箱展示效果，基于纯 JavaScript 实现。点击缩略图后图片以全屏弹窗形式展开，配备左右切换箭头、关闭按钮、自定义图片说明等完整功能，无需依赖任何外部库。很多网站的图片查看体验...
瑞士时钟
纯 CSS 实现的简约风格模拟时钟效果这是一款实时走动的时钟效果,基于纯CSS技术实现。整个时钟走的是经典瑞士表盘路线——罗马数字刻度、金色双层表圈、三根不同颜色的指针(黑色时针、黑色分针、红色秒针),细节拿捏得很到位。最厉害的是完...
温馨房间
纯 CSS 营造的温馨冬日客厅场景这是一款完全使用 CSS 绘制的温馨室内场景效果，无需任何图片素材。画面呈现出一个充满冬日氛围的客厅角落：米黄色的单人沙发上随意放着一本打开的书，旁边是亮着的落地灯，背景墙上挂着一扇深蓝色的窗户...
比对滑块
图片前后对比滑块，原生JS+CSS变量实现的响应式对比工具这是一款基于原生JavaScript（仅两行代码）和CSS变量实现的图片前后对比滑块组件，专为展示图片修复、图片压缩、设计迭代、产品优化等前后差异场景设计。交互逻辑直观高效：中间的垂直分割线配有...