Make a thumbnail bigger while mouse hover

[10eIOSweb 0]

What i want to know is how i make the thumbnail bigger while clicking on it simillar to what i have done with the fisheye menu on the top.

I cannot get those images to work with the dock JS, any suggestions in how to do it with CSS?

This is my page:

http://www.wedub4u.com/

Let me know your suggestions.

[Genert 0]

CSS3 has great way to do it. It's called transition. Here is a example how it would look:

 img {			transition:width 1s;			-moz-transition:width 1s;			-webkit-transition:width 1s;			-o-transition:width 1s;} img:hover {   width: 100%;}

Just remember! transition: [goal] [time]; Goal can be anything in CSS,background-color,color,height,float....etc. Time is in seconds! And the goal can't be in same CSS element,it must be in :after,:hover..etc.

Edited March 22, 2012 by Genert

[Genert 0]

Oh yeah,forgot to add that you can add multiple values.

img {					    transition:width 1s,height 1s;					    -moz-transition:width 1s,height 1s;					    -webkit-transition:width 1s,height 1s;					    -o-transition:width 1s,height 1s;}img:hover {   width: 100%;   height: 100%;}

Edited March 22, 2012 by Genert