bingshuo/hololake-system-architecture
Watch
1
0
Fork
You've already forked hololake-system-architecture
 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

fix: 翻转舱压平bug——backdrop-filter成组属性压平preserve-3d导致翻面糊叠，玻璃质感从舱体搬到正反两面，舱体改透明3D骨架（冰朔20260816报bug）

Browse source
This commit is contained in:
冰朔 2026-08-16 02:02:41 +08:00
commit 198ef7f1d5
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
product-source/hololake-native-desktop/src/styles.css
View file

@ -457,7 +457,8 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca
@keyframes pod-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
/* 封存翻转舱：湖面上一枚封存徽舱，轻点一下翻转翻开表单面 */
.gate-flip { display: grid; transform-style: preserve-3d; transition: transform .95s cubic-bezier(.32, .72, .3, 1); cursor: pointer; }
.gate-flip { display: grid; transform-style: preserve-3d; transition: transform .95s cubic-bezier(.32, .72, .3, 1); cursor: pointer; background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.gate-flip .pod-face { border: 1px solid color-mix(in srgb, var(--accent-light) 22%, transparent); border-radius: 24px; background: color-mix(in srgb, var(--panel-bg) 62%, transparent); backdrop-filter: blur(26px) saturate(1.15); -webkit-backdrop-filter: blur(26px) saturate(1.15); box-shadow: 0 34px 90px rgba(0, 0, 0, .5), 0 0 70px color-mix(in srgb, var(--primitive-warm-glow) 9%, transparent), inset 0 1px 0 rgba(255, 255, 255, .07); }
.gate-flip.open { transform: rotateY(180deg); cursor: default; }
.pod-face { grid-area: 1 / 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.pod-form { transform: rotateY(180deg); }