search

Home  >  Q&A  >  body text

Why doesn't background filter work in React module CSS?

What am I doing wrong here? Why is the css not being applied to the div and making it blurry? Can anyone help make my navbar blurry?

I want my navigation bar to be blurred

P粉590929392P粉590929392291 days ago397

reply all(1)I'll reply

  • P粉399585024

    P粉3995850242024-03-27 14:01:08

    Most likely because you are adding blur to the container rather than the element before it. Check out this codesandbox where h1 has blur applied: https://codesandbox.io/s/purple-microservice-gcvbm1?file=/src/App.js:87-96

    When you remove the container class from the div you will find that the blur is not visible.

    To be clearer: the background filter applies to the %E behind the element it is applied to

    reply
    0
  • Cancelreply