[Скрипт] Квадратные крутящиеся аватарки

Тема в разделе "xenForo", создана пользователем Ketti, 15 июн 2016.

  1. Ketti

    Ketti

    Регистрация:
    28 мар 2016
    Сообщения:
    4
    Симпатии:
    0
    Решил поделится кодом, квадратные крутящиеся аватарки,можно сделать и круглые.
    Код вставить в шаблон
    EXTRA.css

    HTML:
    .avatar, .avatar img, .img.s{
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
    
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    
    overflow:hidden;
    }
    
    .avatar:hover, .avatar img:hover, .img.s:hover
    {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    }
    
    .thread_view .messageList a.avatar img,
    .thread_view .quickReply a.avatar img,
    .conversation_view .messageList a.avatar img,
    .conversation_view .quickReply a.avatar img
    {
        width: 140px;
        height: auto;
    }
     
    Lasted edited by : 15 июн 2016
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.349
    Симпатии:
    1.380
    было бы неплохо приложить скриншот, чтобы люди видели - что получится.
     
  3. Koshmar1k

    Koshmar1k

    Регистрация:
    18 июн 2016
    Сообщения:
    1
    Симпатии:
    0
    Установил 0 изменений хз почему не показывает ничего лишнего в EXTRA нет
     
  4. Bariga4Game

    Bariga4Game

    Регистрация:
    9 июн 2015
    Сообщения:
    7
    Симпатии:
    0
    Все работает нормально

    [​IMG]