Скрываем Extra User и показываем при наведении

Скрываем Extra User и показываем при наведении

Скрываем Extra User и показываем при наведении.

baltun

Администратор
Сообщения
10.731
Реакции
2.542
Баллы
2.003
Пользователь xsasha разместил новый ресурс:

Скрываем Extra User и показываем при наведении - Скрываем Extra User и показываем при наведении.

Код добавляем в шаблон 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 .extraUserInfo {...

Узнать больше об этом ресурсе...
 
Назад
Верх Низ