How to make this effect. When you put the mouse on some of the pictures it pops up. Example link here. http://www.legendsofthespiral.com/?page=1 Can you help me?

Which images do you want this effect to be added to? Any random image you add to the post?

Hi,

Code for all the images from forum:

Code:

img:hover {
-webkit-animation-name: pulse;
-webkit-animation-duration: .5s;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(-15deg) scale(1.5);
-moz-transform: rotate(-15deg) scale(1.5);
-o-transform: rotate(-15deg) scale(1.5);
}

Code only for images from posts:

Code:

.postbody img:hover {
-webkit-animation-name: pulse;
-webkit-animation-duration: .5s;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(-15deg) scale(1.5);
-moz-transform: rotate(-15deg) scale(1.5);
-o-transform: rotate(-15deg) scale(1.5);
}

I want all the buttons to pop up. This is the link for my forum http://journeyintothespiral.forumotion.com/

Add this to your css & check please.

Code:

img:hover{
transform: rotate(-15deg) scale(1.5) !important;
}

No all the images are still poping up. I just want the buttons like forum, community ect.

First you said you want all the buttons to popup, hence i gave that code.

Please list the exact image types that you want to have this effect.

Yea i am sorry. The pictures i want to pop up are: Portal, forum, faq, search, members, groups, profile, message and log out.

Add this & check if its working?

Code:

a img:hover {
    transform: rotate(-15deg) scale(1.5) !important;
}

Add this to your css:

Code:

.mainmenu:hover img {
    transform: rotate(-15deg) scale(1.5);
}

Matti_7 wrote:Add this to your css:

Code:

.mainmenu:hover img {
    transform: rotate(-15deg) scale(1.5);
}

Works great! Thanks Matti!

Sanket wrote:Add this & check if its working?

Code:

a img:hover {
    transform: rotate(-15deg) scale(1.5) !important;
}

Yea it worked but The header is hovering. I don't want it to. Please help.

Use matti_7s code.

Thanks matt but all i need now to hover is the buttons like edit and quote and stuff in post. I just want them to pop up but with no rotate.

Add this to your css.

Code:

.post-options img:hover {
    transform: scale(1.5) !important;
}

Thanks allot to everyone who helped me and i appreciate it. Everything is how i want it to be now. Thanks. Mods you can close now.