• Resolved SaladGoat

    (@saladgoat)


    I am using Decode theme https://www.ads-software.com/themes/decode version 3.0.4, which comes with transitions, which is cool.

    But on one page (maybe others I haven’t yet discovered), it causes the image to move slightly when mouseover and then move again when mouseout.

    .entry-content a > img {
        opacity: 1;
        transition: opacity 0.25s ease-out 0s;
    }

    On other pages with linked images, it works fine: mouseover, image fades slightly; mouseout, image is restored.
    But on this one particular page, when you run the mouse over the image, the entire image shifts one or two pixels to the left as it fades.Once it has run the transition, it moves itself back in place. When you remove the mouse, it shifts left again, and then moves back, as it restores the opacity.

    Examples:
    Page where it works as expected: https://www.leeaaron.com/wp2012/media/photo-galleries/lee-friends/
    Page where it is doing this weird thing: https://www.leeaaron.com/wp2012/we-love-metal/

    Any ideas?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • jack randall

    (@theotherlebowski)

    i’m not seeing it do that on chrome of mac, try it on different browsers to see if it appears on them. if it doesn’t then it’s your browser playing up…

    Thread Starter SaladGoat

    (@saladgoat)

    You’re right, it works on Chrome and IE. Just restarted Firefox in Safe Mode and it works, so I guess it’s one of my add-ons causing this. D’oh!
    Thanks for setting me straight!

    jack randall

    (@theotherlebowski)

    no worries ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘unwanted shaky image transition on hover’ is closed to new replies.