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

Raerek

Регистрация
17.01.16
Сообщения
131
Симпатии
13
#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
Симпатии
11
#2
Как сказывается на производительности? Просто добавлял тени с миганием на блоки форума при наведении, на слабых пк форум плужил жутко. Интересно как эта цсска поведет себя. жаль сечас нет тестового форума что бы лично проверить.
 

Next

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