Skip to main content

How To Make Photos Fade on Hover


Today's post comes to you from the depths of my blogger archive. Please enjoy this revived tutorial. :)

Here's whatcha gotta do:

1. Log into your blogger account and select the blog in which you'd like to customize.
2. Go to Template >> Customize >> Add CSS and paste the below code into the box.
3. Customize, save your changes and voila! You're done.

img:hover { opacity: .4; }


To customize the transparency:

The number in red (see above) decides how transparent your photo is on hover. The numbers range from .9 to .1 (as you decrease the number, the transparency becomes more, well, transparent).

I chose .4 in the example above because I consider it a good medium transparency. ;)

Need help?

Leave a comment below! I love hearing from my readers. :)


xx, Nicole Rose
Labels:

Comments

  1. :7.2.14

    *skips around delightedly* It worked! It worked! o.o Thank you, Rosie. <3

    ReplyDelete
  2. Cathy7.2.14

    Thank you so so so much for this tip. And can you show us how to change the highlight color when you highlight something?

    Thank you so much!

    ReplyDelete
  3. Brooke Jordan27.2.14

    Yay it worked! *happy dance*

    ReplyDelete
  4. Tane Hannah10.3.14

    How do you make it s l o w ?

    ReplyDelete
  5. Eve17.7.14

    Hi Rose! Very helpful!!! I was just wondering how you made links expand?

    ReplyDelete
  6. Paige31.12.14

    Hello! Like Tane, a quick question if you would be willing to share - how do you delay the change? x

    ReplyDelete
    Replies
    1. Paige31.12.14

      Thank you for adding the new code, these tips are very useful! x

      Delete

Post a Comment

All comments I receive are cherished for many hours after reading them. Thank you for taking the time to type something to me.

xx Nicole Rose

Popular posts from this blog

The Best Experience in the History of Experiences

Last week, on September 13th, 2013, two amazing things happened. Niall Horan--of One Direction--turned 20! *sends glittery kisses into the wind* I didn't forget you, baby! I promise! I met up with the most amazing person that has ever come into existence . ^^^ *sniffles* Here is a photo of our good-bye hug. Kenz  added the glitter. ;) My family and I had to drive about three and half hours, to get to our meeting place--which was a beautiful Barnes and Noble full of amazingly exquisite  books [it was quite heavenly]. The whole trip there I was bubbling with excitement. Rocking in my seat, tugging at my hair, belting out the lyrics to any songs I knew when they blasted out of the speakers. I had a little brother to my left, a window to my right and a present in my lap--and a stuffed Pikachu at my feet. o.O Finally , we arrived at our destination. I cannot describe to you the feeling of walking up to that bookstore, and having a someone whom you haven't p...
25 comments
Read more

silver linings

 a post inspired by this lovely photo. [ photo via pinterest ] sitting swinging singing head bowed arms hanging voice low thinking blinking shrinking gears turning eyes wide shoulders slumped where did it all go? * * * She doesn't want to look up, only for her eyes to find the dark and terrible surroundings she calls her world. She doesn't want to go back, to the dwelling where words were spoken and exchanged but never taken back. She doesn't want to sit there forever. But that seems like the best option right now. While she swings, she listens and thinks, sings and sinks, the only company she has is the rag doll under her fingertips. It looks worn--just like her. And torn--again, like her. And used--just. like. her. Yet loved--a foreign feeling that has been wasted. She lifts her head to look up at the dark sky, wishing the clouds would split apart and act merciless upon her. Instead, they seem as if to slowly zip open, lightl...
24 comments
Read more

"it's complete"

[ photo via pinterest ] writing. exhaling words onto paper inhaling the smell of ink scribbling furiously shoulders tensing the pencil stops dead in its tracks words are hard writing ceases days pass by no words are exhaled no ink is inhaled the author is taking a break dreams occur inspiration is sparked writing begins again and it doesn't stop "it's complete" two words that mean so much sentences build paragraphs that build chapters that build a book that build a lesson, a story my lesson to you is || don't ever give up thanks for reading. <3 xoxo, Rose pinterest instagram bloglovin
24 comments
Read more