How to apply transition to an overlay?

[Allucinante]

I was looking for this too and it seems this is not supported in CSS:

Enable CSS transition on blocks with background gradient overlays?

This isn’t a bug. CSS transitions are unsupported for gradients.

I’ve posted a possible workaround in the thread linked above, maybe it works for you.