XenForo 2.0 tooltip--preview animation

[wallas]

Hello,

I came across a solution on a website that I would also like to use.
The point is that it scrolls the content up within the tooltip.

Here is the code snippet:

.tooltip--preview .tooltip-content-inner .bbWrapper {
    animation: XVtooltipScroll 3s linear;
    animation-fill-mode: forwards;
    animation-delay: 0.5s
}

@keyframes XVtooltipScroll {
    100% {
        transform: translateY(max(-50%, -400px))
    }
}

Please let me know if you know the addon or the full working code.

Thanks.

 

[wallas]

View attachment 36720

Hello,

I came across a solution on a website that I would also like to use.
The point is that it scrolls the content up within the tooltip.

Here is the code snippet:

.tooltip--preview .tooltip-content-inner .bbWrapper {
    animation: XVtooltipScroll 3s linear;
    animation-fill-mode: forwards;
    animation-delay: 0.5s
}

@keyframes XVtooltipScroll {
    100% {
        transform: translateY(max(-50%, -400px))
    }
}

Please let me know if you know the addon or the full working code.

Thanks.

wallas
Solved. Here is the code to use. If you want to use it, add it to the extra.less file.

// tooltip scroll
.tooltip--preview .tooltip-content-inner .bbWrapper {
    animation: tooltipScroll 3s linear;
    animation-fill-mode: forwards;
    animation-delay: 0.3s
}

@keyframes tooltipScroll {
    100% {
        transform: translateY(-250px)
    }
}