EG item Zoom not working properly

[Pbalazs89]

Hi there,

I have a staging site at:

http://www.budagastropest.com/

Thing is, near the bottom of the page, I have posts displayed via EG.
It has a zoom effect on the cover of the image, however, when I hover over it, the area around the image starts twitching/shaking. Any idea why this might occur?

[nabeel]

Hi @Pbalazs89,

Thank you for reaching out to us. This is a quite a known issue when zooming / scaling the background images using CSS transform maybe there are not “in between” pixel renderings when doing transforms. . You can try minimize the jittery effect by adding the following code in the Theme Options > CSS:

.esg-entry-media {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) !important;
    transition: transform 0.1s ease;
}

.esg-media-cover-wrapper:hover .esg-entry-media {
  transform: scale(1.9, 1.9) !important;
}

This is only a work around and it may not completey remove the shaking effect but this will minimize some of the shaking.

Hope this helps!