8 位像素网球游戏
复古 8 位像素网球对战小游戏,竖版移动端 CPU 对战网页小游戏这是一款竖版移动端优先的复古 8 位像素网球游戏,基于前端网页技术实现,还原 NES 时代经典像素质感,搭配扫描线滤镜与芯片音乐音效,支持完整网球专业计分规则,提供移动端滑动、桌面端方向键双操作...
拟物化控制面板
HTML拟物化太空飞船导航控制面板效果(CSS+JS)这是一款纯 HTML+CSS+JS 技术实现的拟物化深空导航控制面板效果,精准还原拉丝金属质感、铆钉舷窗、模拟速度表、带 CRT 扫描线的 LCD 显示屏、弹簧式拨动开关等经典拟物化元素,支持拖...
复古显示屏
CSS 复古 CRT 显示器故障效果,RGB 色差扫描线文字动效实现方案这是一款基于纯 CSS 实现的 CRT 老式显示器视觉效果。图中用 ASCII 字符拼出一只猫,叠加青色发光、RGB 通道错位(色差)两层处理,瞬间还原出八九十年代老显示器的那种"坏掉又没完全坏...
跑酷小游戏
轻量化 HTML5 Canvas 像素风像素马沙漠跑酷小游戏这是一款复古像素跑酷互动小游戏,基于 HTML5 Canvas 技术实现。它完美复刻了 8-Bit 时代的视觉美学,利用画布实时渲染像素马、仙人掌等元素,并辅以细腻的 CRT 扫描线效果,在极简...
弹球对战
赛博霓虹对决:基于 Canvas 打造的复古 CRT 风格弹球 HTML 小游戏源码这是一款赛博复古风格的霓虹弹球对战游戏,基于 Canvas 2D 技术构建。它不仅复刻了经典的乒乓对决,更通过扫描线、RGB 色散以及粒子拖尾等视觉滤镜,在网页上良好模拟了 80 年代 CRT ...
创意单选按钮
GSAP实现科幻感极强的复古未来风 radio 单选按钮这是一款赛博朋克风格的表单控件,基于GSAP动画库实现,将传统SVG单选按钮重新设计为带有CRT显示器风格的动态元素,点击时伴随电子脉冲和扫描线动效。此效果能在保持功能性的同时提升趣味性,特别适...
扫描雷达
极简 CSS 雷达扫描动画图标这是一款仅使用单一HTML元素实现的雷达显示屏动画,基于CSS技术实现。为了不使用子元素如span或div,常见的图形都是通过多重背景来绘制的。扫描动画的部分则是通过伪元素:before来实现...