admin管理员组

文章数量:1426847

Is there a way to change the background property of my material-ui AppBar ponent to blur the content blow the fixed navbar?

I've tried the filter: blur(0) and it doesn't work like I want. I have to get this kind of effect on the navbar with React/Styled-ponents/Material-UI

I've searched on the internet for many hours...I want, like in the following link for example, get a blur under this appbar : =/demo.js

Is there a way to change the background property of my material-ui AppBar ponent to blur the content blow the fixed navbar?

I've tried the filter: blur(0) and it doesn't work like I want. I have to get this kind of effect on the navbar with React/Styled-ponents/Material-UI

I've searched on the internet for many hours...I want, like in the following link for example, get a blur under this appbar : https://codesandbox.io/s/mwbwd?file=/demo.js

  • javascript
  • css
  • reactjs
  • material-ui
  • styled-ponents
Share Improve this question asked May 7, 2021 at 4:00 SpicyyRiiceSpicyyRiice 1761 gold badge4 silver badges21 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 6

Just add sx={{backdropFilter:"blur(20px)"}} on the Appbar with color="transparent" added.

like <AppBar color="transparent" sx={{backdropFilter:"blur(20px)"}}>

本文标签： javascriptMUI App bar and blur content below fixed NavbarStack Overflow

版权声明：本文标题：javascript - MUI App bar and blur content below fixed Navbar - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745484613a2660326.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。