-5

Hi am making my own social buttons. And I want it to change oh hover. I tried:

http://helplogger.blogspot.com/2012/05/create-rollover-image-effect-change.html

But it doesn't work. Here's the

Fiddle

<a href="#">
 <img src="http://i.imgur.com/TLGeYXo.png" />
</a>

<a href="#">
 <img src="http://i.imgur.com/bU0lzac.png" />
</a>

On the first image it is a gray and white facbook logo. I want to change when hovered into my 2nd logo, the blue facebook logo. Also as it change image, is it possible to have annimation like this:

http://ariannyceleste.com/

Please look at the footer and her social button animation. I want it to be that way. I dunno much about css and designs I work mostly in backends.

jackhammer013
  • 2,295
  • 11
  • 45
  • 95

1 Answers1

1

What you can do is use the same img tag ,set a css class and set the image dynamically on moose hover from your css file.

So, if you have a class named : .NormalImg{--with your attributes--} Create another element for the same class as .NormalImg: hover {--with your attributes--}

Hope I helped

Shambhavi
  • 51
  • 5
  • Thanks for giving me idea, I checked on this http://stackoverflow.com/questions/2182716/is-it-possible-to-set-the-equivalent-of-a-src-attribute-of-an-img-tag-in-css I'll choose this as answer when the time ends. – jackhammer013 Oct 01 '15 at 09:28