四子棋小游戏
纯CSS实现的HTML版四连珠（四子棋）小游戏游戏这是一款基于HTML和CSS实现的“四连珠(四子棋)”（Connect Four）小游戏，完全不使用JavaScript。通过巧妙地运用HTML的单选按钮（radio buttons）和标签（l...
时间选择器
带实时动画时钟的卡通风格HTML时间选择器这是一款动画时间选择器效果，基于HTML默认的时间选择器组件，并通过CSS进行样式美化。页面中的时间选择器被设计成一个更加直观和吸引人的组件，旁边伴随有一个动态更新的时钟图形。随着用户滚动或点击...
登录表单
HTML 幽灵守护登录表单，表情与输入框互动式表单这是一款互动式的“幽灵跟随”登录表单布局效果，结合了HTML5、CSS3和JavaScript技术，创造出一个既有趣又惊悚的用户体验。在这个设计中，一个漂浮的小幽灵会根据用户的输入做出反应：它的...
3D鱼群
基于 Canvas 实现的 3D 水底世界鱼群涌动动画效果这是一款3D版水底鱼群游动动画效果，基于Cavans技术与processing.js插件实现。通过利用这些现代Web技术，开发者可以创建出一个逼真的水下世界，其中包含游动的鱼群，通过点击水面还可...
怪物攻击
Canvas通过跳跃位移的方式躲避怪物攻击动作小游戏一款基于Canvas实现的怪物等怪诞元素攻击小游戏，底层使用了processing.js的插件。支持选择关切，并且拥有实时挑战排行榜。游戏元素包含小骷髅、小幽灵、小蜘蛛等怪诞元素，用户可以通过A...
躲避小游戏
HTML+Canvas 躲避攻击小游戏，不要忘了吃血包补充能量哦一款通过Canvas结合processing.js实现的HTML躲避攻击小游戏，玩家可以通过方向键或者W/A/D健控制路面小人的左右移动以及跳跃动作以躲避楼上的「怪物」袭击，「怪物」以不规则的时...
扫描雷达
极简 CSS 雷达扫描动画图标这是一款仅使用单一HTML元素实现的雷达显示屏动画，基于CSS技术实现。为了不使用子元素如span或div，常见的图形都是通过多重背景来绘制的。扫描动画的部分则是通过伪元素:before来实现...
黑雾眼睛
Canvas暗物质（黑色烟雾）下的眼睛鼠标跟随动画效果这是一款基于HTML5 Canvas技术实现的《Kirby》系列游戏中暗物质形式的动态演示。动画中的暗物质「眼睛」会跟随用户的鼠标指针或触摸位置移动，并留下短暂的黑暗轨迹（黑烟）。更有趣的是，动...
App布局
CSS仿原生应用App体验的移动网站模板布局这是一款模仿原生应用样式的移动网站概念布局，基于HTML、CSS和jQuery技术实现。页面布局采用了滑动面板的设计，当访问不同功能时，相应的面板会滑入视图中，包括支持右至左语言的面板、更多选项...
方块时钟
3D块状数字时钟 - CSS立方体时间显示动画这是一款块状数字时钟效果，完全使用CSS立方体绘制而成。时钟的每一个数字都是由多个立方体组成，这些立方体会根据当前系统时间的变化而移动，从而显示出正确的小时和分钟。这种设计不仅展现了CSS在3D...
航海
完全由CSS实现的 3D 海洋全景动画背景这是一款完全由CSS驱动的3D海洋场景和导航效果。通过将大海想象为一个5x6的网格，每个网格单元包含了无缝动画的海洋纹理，这些纹理首先被灰度化处理，然后通过覆盖的天空渐变层重新着色，从而创造出逼...