XenForo Avatar animation on hovering

[</clown>]

clown submitted a new resource:

Avatar animation on hovering - Avatar animation

In extra.less:

@background_color_1: #185886;

.message-avatar-wrapper {
    a {
        position: relative;
        transition: 2s;
        padding: 3px;
        &:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: @background_color_1;
            transition: 2s;
            transform: rotateX(90deg);
            z-index: -1;
        }...

Read more about this resource...