Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1297962

    I can’t seem to find a solution to this issue.
    The images in the masonry gallery are blurry:

    The uploaded images are big enough.

    Maybe this could be something:
    If I disable “webkit-perspective”in CSS (via inspect mode in Chrome) the images seem to be sharp:
    .avia_desktop.avia_transform3d .av-masonry-image-container {
    -webkit-perspective: 1000px;
    How can I disable this via quick css? of is there another solution?

    Also I would like to remove the mouseover scale it’s nor necessary.

    Kind regards,
    Emile Jansen


    Hey enzowillemstad,

    Thank you for the inquiry.
    The masonry images look perfectly sharp on our end. Please check the screenshot below.


    To remove the hover effect, use this css code.

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
        -webkit-transform: scale(1);
        transform: scale(1);

    Or disable the Image effect in the element’s Advanced > Animation panel.

    Best regards,


    yes, without animation the images look crisp.



    Alright. Please feel free to open another thread if you need anything else. We will close this one for now.

    Have a nice day.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Masonry gallery images blurry’ is closed to new replies.