2025-01-26, 06:39 AM
The CSS:
Code:
/* ANIME */
.card[data-id='0c31907140d8021217e2cd79e123']:hover .cardImageContainer, .card.show-animation[data-id='0c31907140d8021217e2cd79e123 ']:focus .cardImageContainer { background-image: url("/Items/0c31907140d8021217e2cd79e123 /Images/Logo?maxWidth=480&tag=0c31907140d8021217e2cd79e123 &quality=90") !important;
}
Change the ID to your own library ID using inspect element in web browser.
Upload the transparent (PNG / GIF) for the label as "Primary Image" if u wish a label.
Upload the Animated image (GIF, WEBP, AVIF) as "LOGO" for the animation.
in my case i use AVIF because is smaller in size, just rename the file to jpg.