The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Avatar hover effect phpBB2

View previous topic View next topic Go down

Solved Avatar hover effect phpBB2

Post by JAN2XONLINE on February 15th 2013, 11:57 pm

How do you like when you hover the avatar of a user in a post, it spins 360 then when you move your mouse from it, it goes back to its original place? Or just the avatar shaking a little bit when hovering will do.

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: Avatar hover effect phpBB2

Post by Calιbuяn on February 16th 2013, 12:01 am

Can you provide an example of this, please?

Calιbuяn
Forumember

Male Posts : 386
Reputation : 38
Language : English
Location : Detroit, MI

http://lazarusexp.forumotion.com/

Back to top Go down

Solved Re: Avatar hover effect phpBB2

Post by JAN2XONLINE on February 16th 2013, 12:03 am

I tried to find the forum where I first saw it but for some reason, they removed the hover effect of their avatars. Confused

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: Avatar hover effect phpBB2

Post by Sanket on February 16th 2013, 8:57 am

Add this to your css. I think this is what you are looking for.
http://testing.4rumer.com/t36-asdasdsdadad
Code:
span.postdetails a img{
  -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;   
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   transition-property: transform;   
   overflow:hidden;
}

 span.postdetails a img:hover{
     -webkit-transform:rotate(360deg);
   -moz-transform:rotate(360deg);
   -o-transform:rotate(360deg);
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Avatar hover effect phpBB2

Post by JAN2XONLINE on February 16th 2013, 9:00 am

^
Yap, that's the one! Thanks!

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: Avatar hover effect phpBB2

Post by Sanket on February 16th 2013, 9:11 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum