Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #1298221

    Hey enzowillemstad,

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

    Screenshot: https://imgur.com/NONO6sw

    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,
    Ismael

    #1298656

    yes, without animation the images look crisp.
    Thanks!

    #1298889

    Hi,

    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,
    Ismael

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