网格照片墙
纯 CSS 实现的响应式网格照片墙布局效果这是一款自适应网格照片墙效果，基于CSS Grid布局技术实现。画面展示了多张动物照片（包括水母、小丑鱼、鹦鹉、猫咪、红雀、海豹等）以不规则网格形式排列，不同照片占据不同大小的网格空间，中间还...
数字温床
静态图+火焰：CSS实现的壁橱里火焰燃烧，周围微微火光映照的治愈感氛围效果这是一款极具治愈感的氛围渲染设计，基于 CSS 动画与光影滤镜技术以及少量JS代码实现。它最动人的地方在于对“静止影像”的数字化生命赋予：原本只是一张冬日午后猫咪在壁炉旁小憩的静态照片，但通过代...
萌萌下拉框
CSS自定义萌系猫咪主题下拉选择框（带尾巴联动选项选择效果）这是一款趣味十足的猫咪主题下拉选择器，基于纯 CSS 技术实现，把普通下拉组件做得既实用又治愈，点击时猫尾巴会自动“摆动”并展开选项，带来轻松可爱的交互体验。默认状态是只安静躺着的黑猫，一旦触发...
机器猫
Canvas边走边开炮的机器猫人动画，兼具可爱与攻击力的机器猫这是一款动画机器人猫动画效果，基于HTML5、Canvas和processing.js技术实现。通过这些技术，可以创建一个具有机械感但又不失可爱的机器人猫咪形象，并赋予它行走、拿捏、开炮、脸部表...
末日动画
Three.js打造的废墟掉落末日幻境城市场景动画这是一款基于Three.js技术绘制在Canvas画布上实现的末日城市下落场景动画。灵感来源于《战斗猫咪》（The Battle Cats）中的背景设定，通过循环播放的方式展现了一个充满废墟和残...
长猫加载器
CSS创意长猫旋转加载动画效果这是一款长猫加载动画效果，基于CSS动画技术实现，模拟了一只伸展得非常长的猫咪正在加载的过程。每一段猫咪的身体都通过精确的CSS动画延迟设置保持同步，创造出一种连贯而有趣的视觉效果。这款加载动画...
卡通猫咪
CSS实现摇头晃脑的可爱猫咪，眼睛像一泓秋水，清澈见底！使用 HTML 和 CSS 来创建了一个可爱的卡通动画白色猫咪（Anime Cat）脑袋，可爱的猫咪拥有一双黑色闪光的眼镜、可爱的小鼻子以及两只竖立的耳朵和粉嫩的嘴巴。我们可以利用 CSS ...