В extra.less:
Код:
.message-cell.message-cell--user { .message-avatar-wrapper:hover { animation: ava-bounce 1s ease 0s infinite normal both; } .message-userDetails:before { content: ""; display: block; width: 100%; height: 40px; background: url(https://i.imgur.com/wzky07T.png) no-repeat center; background-size: 80px; margin-top: -15px; @media (max-width: @xf-responsiveMedium) { content: none; } }
}
@keyframes ava-bounce { 0%, 20%, 53%, 80%, 100% { transform: translate3d(0, 0, 0); } 40%, 43% { transform: translate3d(0, -30px, 0); } 70% { transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); }
}
