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

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

Метки:
  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;
}
Поделиться этой страницей в