Приветствую всех, господа. К сожалению, я не знаю плагин это или хук (судя из темы[кликабельно]), но всё же решил создать тему с префиксом "[Помогите]". Суть темы заключается в том, что на нескольких форумах (XenForo) подряд замечал интересную возможность у пользователей, а именно то, что при наведении на аватар профиля он чудесным образом "скруглялся". Я навожу на аватар, а тот в свою очередь из квадратного превращается в круглый, отвожу мышку с аватара - возвращается в своё стандартное состояние (квадрат). Версия XenForo 1.5.2 Навожу курсор на аватар пользователя: Отвожу курсор от аватара:
Вариант 1 "Внешний вид" , "Настройки стиля" , "Основное" , "Аватар" , "Рамка" , "Радиус", ставь 50%. Вариант 2 в 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; }
Вариант номер два сработал, спасибо Вам. Однако есть одно "но". Все дело слишком резко скругляет аватар пользователя, если уж даже переходить на чистоту, то он просто переводит аватар из состояния квадрата в круг. Так вот есть ли возможность настроить так, чтобы скругление происходило плавно? Если я не понятно разъяснил, то вы можете просмотреть видео, где я показал суть проблемы.
.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; }
Огромное Вам спасибо, всё работает именно так, как я и хотел К сожалению, я либо не имею право выставлять "лайк" (мне нравится), либо не понимаю как это сделать. Буду следить за темой и может быть пойму попозже, ну а пока что просто подписался на Вас, спасибо
