Rotating avatars on Hover

Rotating avatars

  1. android88
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    This is an easy tip to make your avatars rotate when you hover over em.
    Simply 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 */
    Result

    PAt7ZlU - Imgur.gif [​IMG]
Поделиться этой страницей в