伸缩网格
纯CSS支持自由伸缩图片的网格布局图库，悬停时图片放大，其他图片挤压缩小！这是一款基于CSS Grid的响应式图片网格布局，悬停或点击时图片平滑扩展，其他未被选中的图片则挤压收缩，支持流畅过渡动画，适用于作品集、相册或产品展示场景。
吃金币小游戏
纯CSS实现超级马里奥吃金币小游戏，通过键盘方向键操作即可这是一款突破性的纯CSS键盘交互游戏，利用现代CSS特性（如:focus-within、动画）实现通过键盘方向键操控角色移动吃金币，无需JavaScript，展示CSS的极限可能性，适用于技术演...
倾斜式按钮
CSS斜切式分割Yes/No双形态炫酷按钮交互动效，适用于确认弹窗、投票等二元选择场景这是一款纯CSS实现的倾斜分割双态按钮，通过悬停触发色彩按钮的滑动扩张动画，适用于确认弹窗、投票等二元选择场景。
扩展式相册
纯CSS实现九宫格布局图库的收缩于展开交互效果这是一款仅用CSS实现的交互式相册效果，点击九宫格图标多张图片以九宫格的布局方式散开，无需JavaScript，适用于作品集展示或图片库浏览场景。
CSS人物画像
纯CSS《龙珠》角色孙悟空（Son Goku）像素画这是一款仅用CSS绘制的《龙珠》角色像素风格画像，通过box-shadow或gradient精准控制色块堆叠，无图片无JS，适用于动漫主题作品展示或CSS艺术创作场景。
3D按钮
纯CSS 3D立体按钮源码下载，悬停/点击时触发动态倾斜效果这是一款仅用CSS实现的3D立体按钮，通过transform和perspective属性模拟空间深度，悬停/点击时触发动态倾斜效果，适用于增强界面视觉层次和交互趣味性。
无限滚动
纯CSS无限滚动图片轮播源码（无重复图像模式），滚动图片的两侧做了虚化处理这是一款仅用CSS实现的无限循环轮播效果，无需重复图像或JavaScript，利用CSS动画和关键帧实现无缝滚动，适用于焦点图展示或内容轮播场景。
切换按钮
CSS多层级级联切换按钮源码下载这是一款基于CSS :has() 选择器和单选按钮实现的多层级级联切换效果，无需JS即可实现动态内容联动高亮切换，并且支持多层级联切换效果，适用于选项卡、筛选器或主题切换等场景。
3D手动轮播
CSS+JS实现的带左右箭头+底部点状导航的 3D 图文卡片轮播组件这是一款基于JS+CSS的3D轮播组件，支持左右箭头切换和底部圆点导航，当前图片高亮显示，其余图片灰度化处理，适用于产品展示、相册画廊等场景。