人体运动动画

CSS火柴人行走动画：纯样式驱动的骨骼动画

这是一款用纯 CSS 实现的火柴人行走循环动画，由多个圆角矩形拼接成人体骨骼结构，通过 CSS 关键帧动画驱动各关节旋转，模拟出自然的走路姿态，还支持行走、旋转两种模式切换，以及颜色和尺寸的实时调节。

图库

带视图过渡动画的创意图片（图库）布局效果（CSS+JS），图片切换预览带流动动效

这是一款基于CSS view-transition API实现的超椭圆（Squircle）形状图片画廊效果，通过流体般的形态变化打造出独特的视觉体验。超椭圆造型是视觉亮点：整个画廊采用了介于圆形...

记忆小游戏

复古记忆力挑战 HTML5 小游戏源码 - 无限循环模式箭头指示方向记忆

这是一款复古风格的方向键按钮点击记忆游戏，基于 HTML + CSS + JavaScript 技术实现。界面模拟了80年代的电子游戏机外观，黑色机身配上深灰色边框，充满怀旧感。游戏设计很巧妙：...

凹角矩形

灵动负空间：支持内容感知自适应的 CSS 内凹圆角布局设计

这是一款高度智能的响应式内凹圆角布局，基于 CSS 现代布局 +SVG 技术实现。它最惊艳的地方在于打破了常规“圆角矩形”的审美疲劳，通过“负空间”设计在容器边缘形成了优雅的内凹弧度。更核心的价...