Backdrop Filter + Scroll Test
backdrop-filter: blur(12px) brightness(1.08) saturate(1.25)
测试重点:backdrop-filter 元素内部包含可滚动容器。
01 · 滚动时观察毛玻璃区域是否出现叠加变暗/变糊的趋势。
02 · 如果渲染正常,透明度和清晰度应稳定。
03 · 这里有一些占位文本,用于制造可滚动内容。
04 · 背景应保持柔和的模糊渐变与条纹。
05 · 继续向下滚动,检查是否出现明显卡顿。
06 · 若出现卡顿或透明度降低,记录截图和日志。
07 · 每一次滚动都应产生一致的视觉效果。
08 · 这里再加一些内容,让滚动足够明显。
09 · ApricityUI Backdrop Filter Stress
10 · ApricityUI Backdrop Filter Stress
11 · ApricityUI Backdrop Filter Stress
12 · ApricityUI Backdrop Filter Stress
13 · ApricityUI Backdrop Filter Stress
14 · ApricityUI Backdrop Filter Stress
15 · ApricityUI Backdrop Filter Stress
16 · ApricityUI Backdrop Filter Stress
滚动容器在毛玻璃元素内部,用于复现问题。