Search code examples
javascriptreactjstailwind-css

how to on mouse unblur a image with taildwind or reactjs / typescript

Hello i try multiple solution to when my mouse in on a image it's unblur but i still dont find how i use blur-md to medium blur but when i trop to wrap another librarie inside it's doesnt work

        <img
        src="/assets/images/wall1.png"
        alt="logo"
        className="hidden xl:block h-screen w-1/2 object-cover bg-no-repeat blur-md"
        
        />

i try with other libraries but none of theses are working

Solution

  • Try to add "blur-none hover:blur-md"

    <img src="/assets/images/wall1.png" alt="logo" 
className="hidden xl:block h-screen w-1/2 object-cover bg-no-repeat blur-none hover:blur-md" />