CSS3 Ken Burns effects is not smooth in ie 11

Question

img{
        transition-duration: 5s;
        transform: scale(1.0);
        transform-origin: 50% 50%;
    }
    &:hover{
        img{
            transform: scale(1.2);
            transform-origin: 50% 50%;
        }
    }

This is the code I have used for ken burn effect in images, it works very fine in ff, chrome and safari. But I don't know what is the problem in ie 11.

Can you help me with it.

Answer 1

I encountered the same issue and fixed my problem by adding a small to rotation to the image.

transform: scale(1.5) rotate(0.1deg);

I came across an article offering this solution for a bug in firefox but it also works for the internet explorer like a charm.