X光扫描
纯CSS实现人体X光扫描效果，晃动鼠标扫描全身细节这是一款通过CSS clip-path属性实现的骨骼透视交互效果，悬停时显示人体轮廓下的骨骼结构，支持按钮切换和晃动鼠标查看完整骨架，适用于医学教育或创意交互展示场景。
滑杆比较
HTML响应式图片前后对比滑块这是一款自适应布局的图片对比效果，通过HTML5 range输入控件和少量JavaScript实现拖动分割线交互，核心样式由CSS3完成，适用于产品改版展示或摄影效果对比场景。
星级评分
只看一眼就离不开的超时尚纯CSS星级评分（:has()伪类交互）这是一款利用CSS :has()伪类实现的动态评分组件，悬停/点击时自动高亮对应星级并触发动画反馈，无需JavaScript即可完成完整交互流程，适用于产品评价表单或用户满意度调查场景。
图库轮播
CSS带缩略图的图库轮播图（:has()伪类实现）这是一款基于CSS :has()伪类实现的动态轮播效果，通过radio input切换不同攀岩路线图片，并创新性地加入缩略图导航功能，适用于户外运动网站或CSS技术演示场景。
古籍书架
纯CSS随机古籍图书馆书架陈列书籍布局效果这是一款通过纯CSS技术生成的复古图书馆效果，每本书籍自动随机生成宽度、高度、颜色、做旧滤镜、圆角、旋转角度、语言标识和编号等特征，适用于数字展览、文学类网页背景或创意视觉展示场景。
起伏大楼
3D大楼建筑物依次起伏Loading动画效果这是一款由多个卡通风格大楼建筑围成的3D方块，大楼会依次的上下起伏，形成规律的动画效果，该效果是基于纯CSS技术实现的，特别适合于网页加载Loding场景使用。
星评组件
纯CSS超简约评分计数器，支持悬停与点击两种评分交互效果这是一款基于纯CSS技术实现的简约风格评分组件，通过点击或者悬停交互效果切换星级评分并自动统计最终分数，适用于产品评价或用户反馈场景。