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

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

Raerek

Регистрация
17.01.16
Сообщения
135
Симпатии
17
Онлайн
1ч 19м
#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,941
Симпатии
1,081
Онлайн
21d 19ч 9м