Images border-radius doesn't work during css transition

Question

I\'m using border-radius: 50%; to make an image round. By default the image is blurred and zoomed (with a hidden overflow) and on hover it will remove the blur

Answer 1

I had the same problem with an element growing with right corners while transitioning and once the transition is at end the round corners reappeared. I tried all the above solutions without success (except the clip-path because edge or IE don't support it).

Then I removed my filter and the transform worked. So my solution is to remove the filter to get it working at least with the zoom.