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

Next

Регистрация
29.09.14
Сообщения
8,883
Симпатии
856
#1
Пользователь Admin разместил новый ресурс:

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

Добавляем в самый низ шаблона 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;
}
Узнать больше об этом ресурсе...
 

idGreen

Регистрация
02.02.16
Сообщения
51
Симпатии
1
#2
А как сделать чтобы всегда были закругленные?
Получается они всегда,а не только при навведении
 

glukomonter

Регистрация
24.10.15
Сообщения
21
Симпатии
14
#3
Если нужно, чтобы аватар всё время был круглым, тогда проще.
Код:
.avatar img, .avatar .img, .avatarCropper {
    border-radius: 50%;
}
 

glukomonter

Регистрация
24.10.15
Сообщения
21
Симпатии
14
#5
Можно попробовать поставить больший приоритет этому значению.
Код:
.avatar img, .avatar .img, .avatarCropper {
    border-radius: 50% !important;
}
 

Kristya77

Регистрация
31.03.16
Сообщения
5
Симпатии
0
#7
А у меня вообще ничего не видно, результатов нет никаких
 

idGreen

Регистрация
02.02.16
Сообщения
51
Симпатии
1
#8
Kristya77, Видать вы что то не то сделали, а просто добавил вот это:
Код:
.avatar img, .avatar .img, .avatarCropper {
    border-radius: 50% !important;
}
И все

А точнее в файле EXTRA.css в шаблоне через админку!
 

Dark

Регистрация
27.03.16
Сообщения
7
Симпатии
1
#9
А у меня вообще ничего не видно, результатов нет никаких
 

Next

Регистрация
29.09.14
Сообщения
8,883
Симпатии
856
#10