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
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
h1
When you remove the container class from the div you will find that the blur is not visible.
container
div
To be clearer: the background filter applies to the %E behind the element it is applied to
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Most likely because you are adding blur to the container rather than the element before it. Check out this codesandbox where
h1has blur applied: https://codesandbox.io/s/purple-microservice-gcvbm1?file=/src/App.js:87-96When you remove the
containerclass from thedivyou 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