---
# System prepended metadata

title: 霧面玻璃效果
tags: [U10 CodePen]

---

# 霧面玻璃效果
###### tags: `U10 CodePen`
> backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    
<iframe height="600" style="width: 100%;" scrolling="no" title="    backdrop-filter" src="https://codepen.io/u00hyui/embed/OJRJZOO?default-tab=html%2Cresult&theme-id=dark" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href="https://codepen.io/u00hyui/pen/OJRJZOO">
      backdrop-filter</a> by u00hyui (<a href="https://codepen.io/u00hyui">@u00hyui</a>)
  on <a href="https://codepen.io">CodePen</a>.
</iframe>

<style>
.ui-infobar{
max-width:95%;
}
.markdown-body{
max-width:95%;
}
</style>