Image Hover Over

  • Resolved onggie

    (@onggie)


    10 years, 5 months ago

    Hi,

    Sorry for my complete ignorance (non-developer here).

    I was wondering where I can modify how the image fades in when hovering over an image. I am assuming this is a jquery thing? I want to try reverse the fade, so fade out when hover over the image. I also want to try disable it completely.

    Assuming it has something to do with

    jQuery( 'a' ).has( 'img' ).addClass( 'img-hyperlink' );

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter onggie

    (@onggie)

    Well it always seems the case, as soon as I posted this. I found this bit of code. Still trying to work out how to do the fade in reverse.

    a img {
		opacity:            0.85;
		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
		      -o-transition:  all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;
	}

		a:hover img { opacity: 1; }
    Thread Starter onggie

    (@onggie)

    Ok really should have just played around with it a tiny bit more before posting.

    a img {
		opacity:            1;
		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
		      -o-transition:  all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;
	}

		a:hover img { opacity: .85; }

    Changing it to this does the reverse. Thanks for the great theme!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Hover Over’ is closed to new replies.