Images in footer with fade effect

  • Resolved LensFlairCoordinator

    (@lensflaircoordinator)


    11 years, 6 months ago

    Hi there,

    Here’s my second little question regarding the beautiful Spun; is it possible to place images in the footer that retain the fade effect?

    I’ve had a play and managed to get images in the footer, have active links attached to them (I read that the fade effect is applied to links in the footer) but haven’t managed to retain the fade yet.

    Any ideas would be great, along with simple instructions that assume I know far less about CSS than you.

    Danke.

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

    (@lensflaircoordinator)

    Any clues?

    I’m a little stuck on this, and very out of my depth with CSS.

    Thanks..

    Thread Starter LensFlairCoordinator

    (@lensflaircoordinator)

    So…

    I just had a third coffee and found a site that helped me figure it out.

    I placed the following code in the stylesheet:

    .fade {
   opacity: 0.25;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   }

   .fade:hover {
      opacity: 1;
      }

    And the following code in the footer.php:

    <img src="myimageurl.jpg" alt="" class="fade" >

    And it worked a treat. Thanks to for the well-placed tutorial.

    Hooray!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Images in footer with fade effect’ is closed to new replies.