Иконка ресурса

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

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

Автор Next
Дата создания 23.02.16
Теги аватары круглые круглые аватары

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.

Обзор Обсуждение

Совместимость с XenForo: 1.3, 1.4, 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;
}