Скрываем информацию о пользователе под аватаром с CSS эффектом

Скрываем информацию о пользователе

Raerek

Регистрация
17.01.16
Сообщения
131
Симпатии
13
Онлайн
0
#1
Пользователь VIP разместил новый ресурс:

Скрываем информацию о пользователе под аватаром с CSS эффектом - Скрываем информацию о пользователе

В шаблон EXTRA.css добавляем:
Код:
.messageUserBlock .extraUserInfo
{
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.messageUserInfo:hover .extraUserInfo
{
    opacity: 1;
    max-height: 300px;
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
    html .messageUserBlock .extraUserInfo
    {
        opacity: 1;
        height: auto;
        transition: none;
    }
    .messageUserInfo:hover...
Узнать больше об этом ресурсе...
 

Ажзакрай

Регистрация
29.01.16
Сообщения
92
Симпатии
12
Онлайн
0
#2
Как сказывается на производительности? Просто добавлял тени с миганием на блоки форума при наведении, на слабых пк форум плужил жутко. Интересно как эта цсска поведет себя. жаль сечас нет тестового форума что бы лично проверить.
 

Next

Регистрация
29.09.14
Сообщения
9,671
Симпатии
1,027
Онлайн
7d 9ч 52м