CSS3 Ken Burns effects is not smooth in ie 11

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.

Answers


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.


Need Your Help

Need clarification to understand the Standard Field in Salesforce App

salesforce force.com

I was creating the Recruitment App with Salesforce by going through the study material. I have a question. In the custom object, I saw that I have created a Standard field named "Position Title" and

What is meant by App Store vs Ad Hoc regarding iOS app icons?

ios icons ios-provisioning

This is in reference to the app icon specifications found here: https://developer.apple.com/library/ios/qa/qa1686/_index.html