chore(HTML): 更新 audio-visualization/3.html
This commit is contained in:
@@ -205,17 +205,6 @@
|
|||||||
margin: 0 4px;
|
margin: 0 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 震动效果 */
|
|
||||||
.shake {
|
|
||||||
animation: shake 0.15s ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes shake {
|
|
||||||
0%, 100% { transform: translate(0, 0); }
|
|
||||||
25% { transform: translate(-3px, 2px); }
|
|
||||||
50% { transform: translate(2px, -3px); }
|
|
||||||
75% { transform: translate(-2px, -1px); }
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -738,12 +727,6 @@
|
|||||||
hue: hue
|
hue: hue
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
|
|
||||||
// 屏幕微震
|
|
||||||
if (bass > 0.5) {
|
|
||||||
document.body.classList.add('shake');
|
|
||||||
setTimeout(() => document.body.classList.remove('shake'), 150);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 更新和绘制流星
|
// 更新和绘制流星
|
||||||
|
|||||||
Reference in New Issue
Block a user