How to disable css filter property on specific child element?

user_6947248 0
Viewed 4814

I cant disable this property on my child element. Is there a way to disable this property on the box?I can't move this element out of the parent.

.full {
  width:100vw;
  height:100vh;
  filter:blur(2px);
}

.box {
  border:1px solid black;
  width:50px;
  height:50px;
  margin:5px;

}

.non-blur{
  filter:none;
}
<div class="full">
  <div class="box">Blured</div>
  <div class="non-blur box">Clean</div>
</div>

css
0 Answers
Related