Круглые аватарки

Закругление аватарок при наведении

  1. Next
    Совместимость с XenForo:
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    Добавляем в самый низ шаблона EXTRA.css следующие:

    Код:
    .avatar img:hover, .avatar .img:hover, .avatarCropper:hover {
        border-radius: 50%;
    }
    .avatar img, .avatar .img, .avatarCropper {
        -webkit-transition: border-radius 1s ease;
        -moz-transition: border-radius 1s ease;
        -o-transition: border-radius 1s ease;
        -ms-transition:border-radius 1s ease;
        transition: border-radius 1s ease;
    }
Поделиться этой страницей в