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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With