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

    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 :)
     
    • Like Like x 1
  2. Thread Status: You only have permission to view the first post in this thread.

Share This Page