方块像素
image-rendering: pixelated 保证放大不糊;界面由 4px 网格拼装,拒绝一切半像素。
像素艺术的视觉指纹全在细节里:像素字体、box-shadow 拼出的边框与精灵图、以及 steps() 阶跃动画。
image-rendering: pixelated 保证放大不糊;界面由 4px 网格拼装,拒绝一切半像素。
用 box-shadow 十字外扩画出「圆角像素框」,黑色轮廓 4px,一如卡带上的印刷。
动画一律 steps():光标 1s 两帧闪烁、飞船逐帧浮动、跑马灯一格一格前进,绝不平滑。
悬停即变色(0ms 过渡)、按下整体下沉 4px、断电按钮灰化——手感全是硬切换。
输入勇者名与暗号,旅店老板会帮你把进度刻进卡带电池里。
颜色越少越有味道:四原色加黑白描边,靠色块与抖动表达一切。
#E40058#0058F8#00A844#F8B800#000000#FCFCFCGAME START 冒险开始
STAGE 5-2 地下水道
正文使用点阵字体,字形边缘保持硬朗的像素颗粒;长文阅读时行高放宽到 1.7,让每个方块字都有呼吸的空间。
ITEM GET!