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.

Accepted Answer

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.

CSS3 Ken Burns effects is not smooth in ie 11

Solution

Problem