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

Just make border-radius inherit

.parent {
    border-radius: 50%;
}

.parent img {
    border-radius: inherit;
}