Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1415743

    Nuera
    Participant

    Hey guys,

    I know this isn’t strictly an X question, but maybe this inquiry is an easy fix. I have a photo gallery at http://gwi.nueramarketing.com/guidewell-innovation/ and I’ve got the following effect installed to make the images enlarge slightly when the user hovers over them. As usual, it looks great in Chrome, but in Firefox there is an error in the way it displays.

    Here is my code:

    .envira-gallery-wrap .envira-gallery-public .envira-gallery-item img { 
       transition: all 2s ease-in-out; 
    }
    .envira-gallery-wrap .envira-gallery-public .envira-gallery-item:hover img { 
       transform: scale(1.05); 
    }
    .envira-gallery-wrap .envira-gallery-public .envira-gallery-item,
    .envira-gallery-wrap .envira-gallery-public .envira-gallery-item .envira-gallery-item-inner { 
       overflow: hidden; 
    }

    Do you see anything wrong with my code at a glance?

    Thanks so much 🙂

    #1416078

    Thai
    Moderator

    Hi There,

    It seems to work fine on my Firefox:

    View post on imgur.com

    Could you please provide us with your screenshots?

    Many thanks.

    #1416310

    Nuera
    Participant

    So we’ve actually decided to go a different way with the design now. but thank you for checking!

    #1416478

    Rahul
    Moderator

    You’re most welcome. 🙂