Welcome to Our Community

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

Rotating avatars on Hover

Rotating avatars

  1. crash_king
    Compatible XF Versions:
    • 1.1
    • 1.2
    • 1.3
    • 1.4
    This is an easy tip to make your avatars rotate when you hover over em.
    Simply go to EXTRA.css and add the following

    Code:
    /* 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 */
    Result"
    https://i.imgur.com/PAt7ZlU.webm
    action likes this.

Recent Reviews

  1. 5/5,
    i really love your threads please post more
    1. crash_king