感应小游戏
HTML四色板点按顺序与音调记忆小游戏，考验你的记忆力以及音调感知能力一款通过CSS以及JavaScript实现的非常好玩的感应小游戏，通过记忆声音播放顺序或者四色版点按顺序加上自己对音乐的感知能力挑战游戏关卡。通过点击「开始」按钮开始游戏，仔细倾听播放的音调以...
方块文字
HTML实现的拼字游戏Scrabble风格木质方块文字这个效果通过使用Splitting.js库来创建类似拼字游戏Scrabble的字母方块（tiles）。当页面加载或用户点击「运行动画」按钮进行交互时，文本会被拆分成单独的字母，每个字母都显示在一...
登录界面
HTML复古游戏风格登录表单通过Vue.js实现的复古经典游戏风格登录表单，点击登录按钮加载中状态会出现「吃豆人」的游戏元素动画效果，非常有趣其有创意的一款登录界面，可以将经典的视频游戏元素与现代前端框架结合起来。这样的登...
小球绕环
CSS 三只小球环绕圆环顺时针运动Loading页面加载器动画效果创建一个由环形（ring）和球体（spheres）组成的动画场景，并使用CSS来控制z-index的变化，可以产生一个动态且具有深度感的三只小球环绕圆环顺时针运动动画效果。这样的动画可以用于各...
立体开关
CSS实现等轴视角下的2.5D风格开关切换动画效果使用CSS的transition、transform以及grid-template-rows等关键属性实现的等轴视角下的2.5D风格立体开关动画效果，多用在游戏或其他创意场景中。附带阴影以及明暗...
优锐
在线学习与教育 App 移动应用 PWA HTML 模板在数字化教育时代，构建一个易用且功能强大的在线学习平台已成为教育机构、教师和在线教育创业者的核心需求。「优锐」模板是一款功能全面的基于Figma设计的HTML模板，并且底层是基于主流响应式框架B...
益智小游戏
HTML扫雷版连连看益智小游戏，游戏素材取自超级马里奥！这是一款考研记忆力的小游戏，它重现了经典游戏《超级马里奥兄弟3》（Super Mario Bros 3）中的记忆小游戏。这款游戏利用CSS像素艺术风格来呈现，玩家需要翻转卡片来寻找匹配的对。每...
吃豆子
CSS实现的吃豆豆图标使用CSS实现的吃豆子游戏主角图标，使用到了CSS的clip-path、background以及border-radius等属性实现而成。使用CSS实现的图标无需依赖各类三方资源更加轻量级
跳跳小游戏
Canvas 实现的果冻跳跳跳生存冒险类小游戏，挑战性、趣味性十足！基于Canvas + JavaScript实现的果冻冲冲冲小游戏，该游戏改编自 iOS 上的游戏「Go Go Jelly」，游戏规则：点击屏幕主人公小果冻向上跳动，收集星星并消灭游动的小鸟以获...
拼图游戏
GSAP 趣味性十足的拼图网页小游戏一款有趣的拼图小游戏，基于gasp.js插件实现，拼图底板模块使用的是svg矢量图，通过gasp.js操控拖拽以及拼接事件，其中的拼图最终小猫图片是随机的，每次刷新都会出现不同的图片以增加拼图...
四子棋
CSS 标准的四子棋小游戏只使用CSS实现的标准版四子棋小游戏，使用CSS初始化的棋盘棋子共有6行7列，基本规则: 双方轮流将棋子放进棋盘各类未全满的一列中，棋子会落到每列中最底未被占据的位置。 各类一方先完成四子连珠，...
消除游戏
JavaScript 拖动俄罗斯方块到指定网格小游戏很简单的一款消除类小游戏，同时原生的JS以及CSS实现的，通过拖动方块到指定的网格位置，当网格填充满以后游戏胜利并且重置游戏，这款半成品小游戏实现的很简单，可以在此基础上随意发挥想象力创造出可玩...