XF 2.2 Как сделать батут под аватаркой чтобы она прыгала при наводе

[bush]

прошлую тему проверенный пользователь почемуто перекинул а мусор короче мне надо сделать так чтобы под автааркой был батут и когда ты на неё наводишь была анимация прыжков но чтобы ник был на месте это как сделать

 

[Skaiman]

Опа, моя мечта осуществилась!

 

[bush]

Опа, моя мечта осуществилась!

что

 

[Skaiman]

Fark, пример есть какой то, где увидел?

 

[Smalesh]

прошлую тему проверенный пользователь почемуто перекинул а мусор

В мусор перекинул как раз не просто рядовой проверенный пользователь, этот форум работает иначе.

 

[Skaiman]

В мусор перекинул как раз не просто рядовой проверенный пользователь, этот форум работает иначе.

ну у него все могут удалять темы и входить в админку, потом радостно прыгать на батуте

 

[recruty]

OFFTOP

Скорее всего, Вы любите костыли, поэтому и батут из них :)

Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Принимать файлы cookie третьих лиц

 

[Skaiman]

В extra.less:

.message-avatar-wrapper:hover {
    animation: ava-bounce 1s ease 0s infinite normal both;
}

@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);
    }
}

 

[bush]

В extra.less:

.message-avatar-wrapper:hover {
    animation: ava-bounce 1s ease 0s infinite normal both;
}

@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);
    }
}

Посмотреть вложение 135595

Вово вооввово и ещё под ним батут нужен

 

[recruty]

Вово вооввово и ещё под ним батут нужен

OFFTOP

АХАХАХААХАХАХАХ. извините.

 

[Smalesh]

и ещё под ним батут нужен

 

[Skaiman]

.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);
    }
}

 

[Skaiman]

Воплощение бредовых идей :)

 

[bush]

.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);
    }
}

Посмотреть вложение 135611

спасибо!!

 

[ZloyDed]

Скай развлекается :)

 

[skrep04k4]

Скай развлекается :)

скорее фарк

 

[ZloyDed]

скорее фарк

Так скаю мало показалось просто прыгающий аватар, а он к нему батут сделал) не удивлюсь, если завтра клоуны вокруг него начнут жанглировать

 

[recruty]

Так скаю мало показалось просто прыгающий аватар, а он к нему батут сделал) не удивлюсь, если завтра клоуны вокруг него начнут жанглировать

А скай при чём тут?) Тут сам ТС захотел так ?