Buy me a coffee

Gallery Grid: image shrinks and rotates 360 degrees on hover, eventually disappearing

You can use this code to Website Tools > Custom CSS to achieve effect.

/* Gallery Grid */
.gallery-grid-item img {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 2s ease, opacity 2s ease; 
    transform-origin: center center; 
}

.gallery-grid-item:hover img {
    transform: scale(0) rotate(360deg); 
    opacity: 0;
}

Gallery Grid Image Shrinks And Rotates 360 Degrees On Hover, Eventually Disappearing 1 Min

Result will be like this

Gallery Grid Image Shrinks And Rotates 360 Degrees On Hover, Eventually Disappearing 2 Min

Gallery Grid Image Shrinks And Rotates 360 Degrees On Hover, Eventually Disappearing 3 Min