blurry images and poor quality resolution.

  • One question: is it normal for the transition image, which appears after hovering the mouse over it, to be blurred? I noticed that the image loses its sharpness and definition.

    IN animation: flipInY

    OUT animation: bounceOut

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author WPClever

    (@wpclever)

    Hi @tiagojoliveira

    It seems that the animate.css wasn’t loaded correctly on your site, so I don’t see the image effect. Please watch the screen record video https://app.screencast.com/Z0cIhcoCgGrEA

    If you’re using WP Rocket to minify and combine CSS files, please add this line to exclude our plugin’s CSS:

    /wp-content/plugins/wpc-product-image-swap/(.*)
    Thread Starter T E C H Z I L

    (@tiagojoliveira)

    I inserted the line of code you provided into WP Rocket, but the problem still persists. what do I do?

    • This reply was modified 6 months, 3 weeks ago by T E C H Z I L.
    Plugin Author WPClever

    (@wpclever)

    Today, image effect works correctly.

    When hovering, your product scales up, so it can cause the blurry issue: https://app.screencast.com/MU44KO48yOa5i

    Please try adding below CSS code:

    .woocommerce ul.products li.product:hover {
    transform: scale(1) !important;
}

.wpcis-swap .wpcis-swap-image {
    transform: perspective(1px) translateZ(0);
    backface-visibility: hidden;
}
    Plugin Author WPClever

    (@wpclever)

    Hi @tiagojoliveira

    It seems that you successfully applied the fix on your site. So, I hope you can change your mind and update your rating. Thanks so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘blurry images and poor quality resolution.’ is closed to new replies.