CN-JS-HuiBai/PromdataPanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

前端渲染算法优化

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-05 22:39:43 +08:00
parent 469ef9e448
commit d7d650c5f9
3 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
public/css/style.css
View File

@@ -154,6 +154,8 @@ body {
z-index: 0;
pointer-events: none;
animation: glowFloat 20s ease-in-out infinite;
will-change: transform, opacity;
transform: translateZ(0);
}
.bg-glow-1 {
@@ -188,19 +190,19 @@ body {
0%,
100% {
transform: translate(0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
25% {
transform: translate(30px, -30px) scale(1.05);
transform: translate3d(30px, -30px, 0) scale(1.05);
}
50% {
transform: translate(-20px, 20px) scale(0.95);
transform: translate3d(-20px, 20px, 0) scale(0.95);
}
75% {
transform: translate(25px, 15px) scale(1.02);
transform: translate3d(25px, 15px, 0) scale(1.02);
}
}
@@ -222,8 +224,8 @@ body {
justify-content: space-between;
padding: 0 28px;
background: rgba(10, 14, 26, 0.85);
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
backdrop-filter: blur(12px) saturate(150%);
-webkit-backdrop-filter: blur(12px) saturate(150%);
border-bottom: 1px solid var(--border-color);
}
@@ -278,6 +280,8 @@ body {
.dot-pulse {
animation: pulse 2s ease-in-out infinite;
will-change: opacity, box-shadow;
transform: translateZ(0);
}
@keyframes pulse {
@@ -451,7 +455,9 @@ input:checked+.slider:before {
background: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
backdrop-filter: blur(12px);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transform: translateZ(0);
transition: all 0.3s ease;
overflow: hidden;
}
@@ -618,7 +624,9 @@ input:checked+.slider:before {
background: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
backdrop-filter: blur(12px);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transform: translateZ(0);
overflow: hidden;
transition: all 0.3s ease;
}