Submitted
Could not figure out how to make the button hover background color animation work with Tailwind CSS, when transitioning to a gradient.
Simple example
Transitioning to a single color works fine:
<button class="bg-slate-400 transition duration-500 hover:bg-slate-700">Continue</button>
Transitioning to a gradient does not seem to work:
<button class="bg-slate-400 transition duration-500 hover:bg-gradient-to-b from-slate-100 to-slate-700">Continue</button>
To be clear, the background changes correctly when hovering, but the change happens instantly without any animation applied.