Questions tagged [backdrop]
26 questions
0
votes
0 answers
how we customize Material Ui dilogbox background overlay
I want to customize MuiBackdrop-root as well as the Dialog model and fully responsive please guide me if someone knows.
Thanks
My Try
WANT TO EXPECT
Kashif Nazim
- 1
- 1
0
votes
1 answer
React module css Backdrop filter not working why?
what am i doing wrong here? why css is not applying on div and making it blur can someone help to make my navbar blur?
I want to make my navbar blurred
Mohd Hassan
- 11
- 4
0
votes
0 answers
Blur effect using CSS Backdrop filter too slow
Hi I have added the blur filter in my navigation using Backdrop Filter
nav {
backdrop-filter: blur(5px);
width: 100%;
height: 10vh;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
padding: 0…
Shivam kaushal
- 173
- 1
- 9
0
votes
0 answers
Backdrop won't affect angular parent components
i'm working on a new homepage project, which uses a lot of backdrop blurring and the pages are quiet long. So i divided all the sections to child components which have some child components as well. The problem is, that if i use…
Morphois
- 11
- 2
0
votes
1 answer
Flutter Detect whether there is content behind AppBar whilst scrolling
Is there an easy way to detect when there is content behind a fixed container that is floating on top of a ScrollView.
In native iOS apps, the background of the TabBar and NavigationBar are only visible when there is actually content behind them. So…
Walrus
- 19,801
- 35
- 121
- 199
0
votes
1 answer
MUI Backdrop - When using it as custom hook it is showing on screen even if open is set to false
I put the Backdrop directly in the component and it all works, but in order to reuse it (and given the nature of react) I created a custom hook with the Backdrop. I encountered the problem that passing the same value as before (in this case,…
Germán
- 1,007
- 1
- 7
- 20
0
votes
0 answers
Remove backdrop-filter then entire component's background disappear
I am a intern working on a company's project, what I wanted to do is to remove the blur effect on the modal.
Original scss:
@mixin card {
background: $color-surface($background, 0.5);;
backdrop-filter: blur(28px) !important;
…
Bruce
- 75
- 13
0
votes
0 answers
react-scroll-parallax and CSS backdrop-filter: blur
With create-react-app, I want to implement a simple parallax effect with the help of the npm-package "React Scroll Parallax" with a slowly scrolling background image and a faster scrolling
on top. This
shall have a "frosted…
McFly
- 43
- 7
-2
votes
2 answers
why backdrop filter in css is not working?
.infoCard {
/* From https://css.glass */
/* background: rgba(255, 255, 255, 0.15); */
background: rgba(255, 255, 255, 0.3);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(25px);
…
Mohit Rakh
- 25
- 2
-2
votes
1 answer
How can I modify my CSS so that the edges of my blocks are feathered?
How can I modify my CSS so that the edge of my box is a feathered blur effect? I hope that the background of the box has a frosted glass effect, instead of sharp edges around it, there is a feathering effect, which can gradually blend in with the…
AWEI
- 417
- 3
- 9
-2
votes
2 answers
How to send get request with a body?
I am trying to send a get request to my API to get a list of users. But I need there is an exclude list that the response must exclude. How can I send this exclude list in my GET request?
Bear Bile Farming is Torture
- 4,317
- 4
- 27
- 61