Applying a Fade Effect to Only Specific Images and Links

  • (www.robinsonhillusa.com)

    I’ve fiddled quite a bit with my CSS and tried to apply image and link fades to my stylesheet, but that applies the fade to every image and link on my site, which I do not want. I would like to apply this to my posts, the links on my static home page, and to the links in my footer. However, I do not want the images in the header to fade. I’ve already got it working with just posts.

    I would very much appreciate some tips on how to solve this problem.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Without seeing your site, you’ll need to target only the classes you want faded and not just the anchor tag (is that what you did?)

    Can you post your css for this as well as a link to your site?

    Thread Starter emilytaylorj

    (@emilytaylorj)

    Here is my website, and I’m using this CSS to apply my fade effect for my post images:

    .post img {
    opacity: 0.6;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    }
    .post img:hover{
    opacity: 1.0;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Applying a Fade Effect to Only Specific Images and Links’ is closed to new replies.