第二批反馈:引擎改造(限幅/SoundTouch不变调变速/长按快进/跳句/iOS闪光降级) + 6游戏状态BGM与试玩测试全绿
This commit is contained in:
+22
-1
@@ -56,7 +56,7 @@ html, body {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 18%;
|
||||
top: 30%; /* 屏幕中间偏上,避开封面图底部文字区 */
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font: 500 20px/1.5 system-ui, sans-serif;
|
||||
@@ -69,3 +69,24 @@ html, body {
|
||||
0%, 100% { opacity: 0.35; }
|
||||
50% { opacity: 1; }
|
||||
}
|
||||
|
||||
/* ---- 震动视觉降级(haptics.js,iOS 等无 vibrate 平台) ----
|
||||
全屏边框闪光覆盖层:震型 → 颜色/闪烁次数(hp-once/twice/thrice)。 */
|
||||
#haptics-flash {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 90;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
border-style: solid;
|
||||
border-width: 6px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#haptics-flash.hp-once { animation: hp-flash 0.28s ease-out 1; }
|
||||
#haptics-flash.hp-twice { animation: hp-flash 0.24s ease-out 2; }
|
||||
#haptics-flash.hp-thrice { animation: hp-flash 0.2s ease-out 3; }
|
||||
@keyframes hp-flash {
|
||||
0% { opacity: 0; }
|
||||
20% { opacity: var(--hp-alpha, 1); }
|
||||
100% { opacity: 0; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user