CSS transition not working for backdrop-blur
My React/Tailwind app has a mobile menu popup for screens less than 768px wide which uses the Tailwind properties backdrop-blur to blur out everything behind the menu items. I have a transition-all with duration-[400ms] which works to fade in the menu when the button is pressed but there is no transition effect when it is closed.
CSS transition not working for backdrop-blur in React
My React/Tailwind app has a mobile menu popup for screens less than 768px wide which uses the Tailwind properties backdrop-blur to blur out everything behind the menu items. I have a transition-all with duration-[400ms] which works to fade in the menu when the button is pressed but there is no transition effect when it is closed.