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. les v7.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

May I ask for your [honest] opinion?

via Alrighty. I recently just completed my one hundredth blog design order [insert celebratory balloons, glitter cannons, and thrown pies here]. ;} And I was talking to my mother about this in the car, to and from the store. Basically, what she said was; "You've been doing your designs for a long time, right? So why don't you start charging for your services?" This got me thinking, and in my eyes, I feel as though charging for my designs would probably make me feel like I'm getting cocky, and too proud of my work, yah know? But I wanted to ask you guys, my honest readers; do YOU think my services are worth spending money on? Like seriously. If you wanted a new design would you choose me, even if it cost you ten dollars? I know most of it is just a matter of opinion. Every designer has their own way of doing things. Their own unique style. It all depends on what the "order-er" wants. I'd like to know if I have the capabilities of giving s...
17 comments
Read more

Wake Up, Darling.

Wake up darling, it's time to rise. Sit up, stretch your limbs, and put a smile on that tired face. Tomorrow is gone, and it's a new day. Wake up darling, open the blinds. Open the window if you have to, and stick your head out. Smell the air. Breathe. Let the morning sun hit your cheeks. Ahh. A fresh start. Are you awake, darling? Get dressed now. Put on your worn sweater, and jeans, or favorite graphic tee. Decided whether or not it's worth it to find the matching pair to your sock, and if you'd like attempt to untangle that mass of hair on your head. Whatever you'd like. Now darling. Are you ready? Because it's adventure time . + + + Thank you for reading. <3
15 comments
Read more

Justin -- Fictional Character

Justin. Sarcastic. Opinionated. Hot. <-- Yep, I said it. •-• * * * Hello my lovely readers. Today I'd like to introduce you to my fave boy character whom I invented. His name is Justin. He's the main character in my first completed book, The Memory Keeper (read a sneak peek here ). I wanted to share Justin with you because, well, I did this a while back with Zarek , and I received so nice comments about him. :) So I thought what the hey, I may as well share another character with them . :} So, yes. This is Justin.  He's rough and sarcastic on the outside.  But his insides are like melted chocolate-- sweet, gooey, and totally amazing. O.o Here's a little Justin snippet. I hope you guys enjoy it. >.< * * * M uffled voices ring around my ears, gradually waking me up from my sleep. Someone laughs when I groan and I roll over, shying away from all the noise. When I get the courage, I open my eyes, surprised by how dark it is. The walls...
15 comments
Read more