Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

Rotating Avatars

Discussion in 'XenForo Tips & Guides' started by Pappa G, Jan 7, 2017.

  1. Pappa G

    Pappa G+ViP+
    ViP True Member +Member+ Registered

    Joined:
    Jan 5, 2017
    Messages:
    6
    Likes Received:
    0
    Rotating Avatars
    This is an easy add to make your avatars rotate when you hover over them.
    Just go to EXTRA.css and add the following

    /* avatars rotating effect */
    .avatar:hover, .avatar img:hover, .img.s:hover{
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    }
    /* end of avatars rotating effect */

    I haven't seen this anywhere on the forum hopefully I am not repeating, I like the effect hopefully someone else does :)
     

Share This Page